Drop your email below for exciting news about the latest Scrimba courses, special offers, and Scrimba events! π
π Learn React Router 6 [Free course launch]
Hello Reader
β
Bob Ziroll here with some big news! ποΈ
β
Today, my free Learn React Router 6 course drops on Scrimba!
β
β
In this 121-part course, youβll learn the ins and outs of React Router v6, the most popular routing library for React applications and one of the most downloaded React support libraries ever.
What is React Router?
β
React Router is the most popular 3rd-party library for handling client-side routing. At its core, itβs a library built for conditionally rendering certain βpagesβ depending on the current URL route of the app.
β
React Router is the primary way most applications handle client-side routing, which allows React developers to create βsingle-pageβ web apps.
β
| Check it out |
Share to win Scrimba Pro
β
β
If you'd like to help us share the course, please retweet the above tweet! π
As a thank you, I'll pick two winners who'll get a free annual Scrimba subscription (worth $200 each) tomorrow π
What will I build?
Like all Scrimba courses, Learn React Router 6 is project-based and fully interactive. By the end of the course, you'll have built this awesome VanLife app.
β
β
This course is filled with hands-on coding challenges, small and large, to help drill in the topics youβll be learning, all while building the main VanLife project.
β
Repetition and practice is the real way to avoid tutorial hell and build the muscle memory you need to truly understand what youβre learning.
β
What will I learn?
βLearn React Router 6 covers everything you need to become a Router pro, with no prior knowledge of Router assumed.
β
Throughout the course, you'll cover the following topics and more!
β
βοΈ What are SPAs?
β
βοΈ Basic router setup
β
βοΈ Route and link
β
βοΈ Route parameter, nested routes, and Outlet
β
βοΈ Layout and Index routes
β
βοΈ Relative paths and NavLink
β
βοΈ Outlet context
β
βοΈ Search parameters
β
βοΈ Link state
β
βοΈ 404 page / Splat routes
β
βοΈ Loaders and actions
β
βοΈ Form & form data
β
βοΈ defer(), await, suspense
β
βοΈ Error handling, errorElement, and useRouteError
β
βοΈ useNavigate, useNavigation, and useLocation
β
βοΈ useLoaderData, useActionData
β
βοΈ Protected Routes
β
βοΈ Deploying with Netlify
β
βοΈ Using Firebase for data storage
β
| Check it out |
β
I hope you enjoy and benefit from this course. Happy coding!
Bob Ziroll
Head of Education at Scrimba
Scrimba
Drop your email below for exciting news about the latest Scrimba courses, special offers, and Scrimba events! π
Hello Reader Are you ready to add AI (artificial intelligence) features to your apps? If so, you'll be excited to know that Scrimba has launched a brand new free course called... (drumroll) β Build AI Apps with ChatGPT, Dall-E, and GPT-4 This course will teach you how to build AI-powered apps using OpenAI's models and tools. Stay ahead of the game with this exciting new course. You'll also learn about the Create Completions and Create Image endpoints, prompt engineering, the 'zero shot' and...
Hello Reader π Time for a new edition of the Scrimba Roundup! This week, prepare yourself for more live streams, more savings, and more resources!! I don't want to spoil the fun, so read on to explore the latest happenings... Let's go, shall we? TL;DR π π₯ Code Review of the Week: Kay! π₯ New Hires: Sachin, Jay, and JYoung π₯ I Built This: Lyrical Genius - An API based project made by Ronald! π₯ Fab Resource: Flexbox cheat sheet π₯ Podcast: Emre Albayrak talks about how to keep up your motivation...
Hello Reader π Time for a new edition of the Scrimba Roundup! We have a NEW course, an AI-based quiz app, and more!! Let's go, shall we? TL;DR π π₯ New Course: Build a Mobile App with Firebase! π₯ Code Review of the Week: Shah! π₯ New Hires: Gresham, Mpap, and Sebastian! π₯ I Built This: Quizzical with an AI twist by Tony! π₯ Fab Resource: Grid Layout cheatsheet π₯ Podcast: Saron Yitbarek talks about how she decided to go from doctor to developer, why her first attempts at learning to code didnβt...