Giter Site home page Giter Site logo

clayton-klein / react-router-van-life Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.54 MB

Primeiro projeto desenvolvido utilizando a biblioteca react-router-dom :)

Home Page: https://beautiful-moxie-29c0b3.netlify.app/

HTML 0.72% JavaScript 74.23% CSS 25.05%
react react-router-dom reactjs

react-router-van-life's Introduction

Status: em desenvolvimento.

#Van Life

Projeto desenvolvido durante o curso "Learn React Router v6" oferecido pela plataforma Scrimba, segue o link: https://scrimba.com/learn/reactrouter6/

Design no Figma: https://www.figma.com/file/igDA2NiMDhoaIIAqm5EnTq/%23VanLife?node-id=0%3A1&t=MuPrnILjwszHZSeo-0


Assuntos abordados no curso:

  • What are SPAs?

  • Basic router setup

  • Route

  • Link

  • Route parameters

  • Nested routes and Outlet

  • Layout and Index routes

  • Relative paths

  • NavLink

  • Outlet context

  • Search parameters

  • Link state

  • 404 page / Splat routes

  • Loaders

  • Actions

  • Form & form data

  • defer()

  • Await

  • Suspense

  • Error handling & errorElement

  • useRouteError

  • useNavigate

  • useNavigation

  • useLocation

  • useLoaderData

  • useActionData

  • Protected Routes

  • Deploying with Netlify

  • Using Firebase for data storage


Obs: como o foco do curso foi aprender sobre react-router, então o HTML e CSS foram fornecidos no decorrer das aulas. Eu fiz apenas alguns pequenos ajustes em detalhes que na minha opinião ficariam melhores com outros estilos.

react-router-van-life's People

Contributors

clayton-klein avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.