Learning path: React: Master Design Patterns with React


Updated on

Course overview

Course type
Paid course
8 hours
67 lessons
Available on completion
Course author
Packt Publishing
  • Write clean and maintainable code
  • Create reusable components applying consolidated techniques
  • Explore the technique of data fetching using the react-refetch function
  • Choose the right styling approach according to the needs of the applications
  • Use server-side rendering to make applications load faster
  • Build high-performing applications by optimizing components
  • Create a message board application
  • Explore styling the message board
  • Read and write data from Firebase
  • Understand advanced React patterns


Ascend your application development skills by building scalable and modular apps using powerful design patterns of React

React allows developers to create large web applications that use data and can change over time without reloading the page. It aims primarily to provide speed, simplicity, and scalability. React processes only user interfaces in applications. This corresponds to View in the Model-View-Controller (MVC) pattern, and can be used in combination with other JavaScript libraries or frameworks in MVC, such as AngularJS. If you're interested to build scalable and modular apps with clean and efficient coding, then go for this Learning Path.

Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it.

The highlights of this Learning Path are:
•    Learn to write clean and maintainable code
•    Build high-performing applications by optimizing components
•    Read and write data from Firebase
•    Use server-side rendering to make applications load faster

Taking a complete journey through the most valuable design patterns in React, this Learning Path demonstrates how to apply design patterns and best practices in real-life situations on new or already existing projects. It will help you to make your applications more flexible, perform better, and easier to maintain, giving your workflow a huge boost when it comes to speed without reducing quality. You'll begin by understanding the internals of React. You'll build components that are reusable across the application, and structure applications. You’ll then style React components and optimize them to make applications faster and more responsive. Further, you'll write tests effectively and you'll learn how to contribute to React and its ecosystem. You’ll then track the application state in real time with Firebase. You’ll go through advanced React patterns by using components as a unit of styling and spreading props to wrap components.

Moving ahead, you’ll learn how to build a message board website similar to the Reddit using the latest and greatest web technologies, including React (the reactive web framework developed by Facebook) and Firebase (the real-time serverless messaging framework from Google). You’ll then learn to add posts and style to your message board and load Reddit posts from a file.

By the end of this Learning Path, you'll know how to avoid a lot of trial-and-error and developmental headache, and be on the road to becoming a React expert by building your own modern stateful web applications with confidence!

Meet Your Experts:

We have combined the best works of the following esteemed authors to ensure that your learning journey is smooth:

•    Michele Bertoli is a frontend engineer with a passion for beautiful UIs. Born in Italy, he moved to London with his family to look for new and exciting job opportunities. He has a degree in computer science and loves clean and well-tested code. Currently, he is working with React.js, crafting modern JavaScript applications. He is a big fan of open source and is always trying to learn something new.

•    Richard Gill

Colibri is a technology consultancy company founded in 2015 by James Cross and Ingrid Funie. The company works to help their clients navigate the rapidly changing and complex world of emerging technologies, with deep expertise in areas like Big Data, Data Science, Machine Learning, and Cloud Computing. Over the past few years they have worked with some of the world's largest and most prestigious companies, including a tier 1 investment bank, a leading management consultancy group, and one of the world's most popular soft drinks companies, helping each of them to better make sense of their data, and process it in more intelligent ways. The company lives by their moto: Data -> Intelligence -> Action. Richard Gill is a Full Stack JavaScript developer. He runs ZDEV, a software consultancy that specializes in building websites and apps for small and medium sized clients. Richard has a Computer Science degree from Imperial College and started his career building technology at investment banks and hedge funds. He then moved on to consulting before founding his own development shop. Richard has spent 3 years working with React, React Native, and Redux to build websites and apps for real-world clients. He considers himself a generalist programmer who initially was expert in Java, C#, and Ruby on Rails before spending the last few years in a JavaScript / Node based environment. His company follows an apprenticeship model and all his staff were trained by him from scratch.

Similar courses

Modern React with Redux
  • 53 hours
  • 572 lessons
  • Certificate
Learning path: React: Master Design Patterns with React
  • English language

  • Recommended provider

  • Certificate available