Advanced React Skills

Overview

This specialization equips you with essential skills to build dynamic and reusable React applications. You’ll explore foundational concepts like React Router and Class Components, then advance to building modern apps using Styled Components, React Hooks, and Redux. Industry-standard tools and practical projects ensure your learning aligns with real-world demands.

Syllabus

Course 1: Learn Class Components in React
- Offered by Scrimba. Although modern React tends to use functional components, knowledge of class components remains a useful skill to have ... Enroll for free.

Course 2: Learn React Router 6
- Offered by Scrimba. Learn React Router v6, the most popular routing library for React applications and one of the most downloaded React ... Enroll for free.

Course 3: Learn React: Build a Movie Search App
- Offered by Scrimba. In this focused, interactive course, you will learn React by developing a fully functional movie search application. As ... Enroll for free.

Course 4: Learn Styled Components in React
- Offered by Scrimba. If you are wondering how to enhance your CSS for styling React component systems, styled components are the way to go. ... Enroll for free.

Course 5: Learn React Hooks: Build a Tic Tac Toe Game
- Offered by Scrimba. In this comprehensive course, you will build a functional game using React components, gaining hands-on experience with ... Enroll for free.

Course 6: Redux in JavaScript and React
- Offered by Scrimba. This course introduces you to the core concepts of Redux, a powerful state management library, through both plain ... Enroll for free.

Courses

0 reviews
11 hours 38 minutes
View details

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!
0 reviews
1 hour 51 minutes
View details

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.
0 reviews
1 hour 39 minutes
View details

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.
0 reviews
1 hour 24 minutes
View details

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.
0 reviews
1 hour 18 minutes
View details

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.
0 reviews
2 hours 47 minutes
View details

This course introduces you to the core concepts of Redux, a powerful state management library, through both plain JavaScript and React integrations. You'll start with foundational knowledge of Redux, exploring key concepts such as actions, reducers, and store creation. Through hands-on practice, you'll learn how to manage complex state and implement Redux in real-world applications. Later, the course transitions to using Redux in a React environment, covering essential patterns such as connect(), useSelector(), and useDispatch(). By the end of the course, you’ll have practical experience coding with Redux to efficiently manage state.