Advanced React Skills

Learn React Router v6, the most popular routing library for React applications and one of the most downloaded React support libraries ever. In this course, you’ll learn the most important parts of the React Router (v6) library while building an app called “VanLife”, an app for renting decked-out travel vans for your next road trip adventure. This course is filled with interactive 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 needed to truly understand what you’re learning. So if you’re looking to escape tutorial hell, this course (and Scrimba courses in general) is the way to go!

If you are wondering how to enhance your CSS for styling React component systems, styled components are the way to go. Styled components are helpful for many reasons. They reduce class name bugs, they make your components more readable, and they allow you to navigate your CSS more easily. They also allow for dynamic styling and automatic vendor prefixing. This one-hour course follows a “lesson and project” approach. You’ll learn the core concepts and complete mini-challenges to test your understanding. Then you'll put your new skills to good use with a fun and practical project. By the end of the course, you'll have a cool progress tracker to add to your portfolio or even expand upon to show off your coding skills.

Although modern React tends to use functional components, knowledge of class components remains a useful skill to have in your toolbox. You might find yourself dealing with legacy code, or a colleague who prefers them. The difference between functional and class components might come up in an interview - who knows! In this course, Bob Ziroll takes you through the essential basics of class components with a collection of interactive challenges designed to get you coding as much as possible. This approach leaves you with rock-solid knowledge which really sticks.

In this focused, interactive course, you will learn React by developing a fully functional movie search application. As the most popular front-end framework, React is essential for modern web development, and this course provides a concise, hands-on introduction. Across 11 lessons, participants will engage in coding challenges designed to reinforce key concepts and ensure long-term retention. The course provides a solid introduction to core React principles, such as functional components and hooks, offering a strong foundation for developers looking to build their skills. By the end of the course, you will not only have a practical understanding of React but also a fully developed project to showcase in your portfolio. This course is ideal for those looking to quickly gain foundational knowledge and apply it in real-world scenarios. If this course feels advanced for your current skill level, we recommend exploring Scrimba's Learn React course, also available on Coursera.

In this comprehensive course, you will build a functional game using React components, gaining hands-on experience with key concepts in web development. The lessons cover the creation of both simple and advanced components, while introducing the power of React's state management and user interaction handling. You’ll begin by learning how to scaffold components, manage properties (props), and utilize React’s built-in styling capabilities. As you progress, you'll explore important concepts like function logic, such as creating the calculateWinner function and implementing state management techniques. By the end, you'll have a solid understanding of how to render and update UI elements dynamically based on user interactions. A unique bonus lesson will show you how to implement time travel in your game, further extending your skill set with more advanced React concepts.