Master React Libraries (with Customerly codebase)

React Router, React Query, Recoil and i18next on TS, with real code snippets from Customerly production apps codebase!

Created by: Igor Zanella
Full Stack Developer @ Customerly and Freelance

What Will I Learn?

• Master React Router to handle dynamic routing and navigation within your web applications, using real-world examples from Customerly.
• Use React Query to simplify data fetching and caching, and optimize your application's performance with examples from the Customerly codebase.
• Learn how to leverage Recoil to manage complex state in your React projects, with practical examples from Customerly's production environment.
• Understand the power of i18next for internationalization and localization in your React applications, using Customerly's multi-language support as a case study.
• Dive into the codebase of Customerly to learn how these four React libraries are used together in a real-world application.
• Learn best practices for integrating React Router with React components and state management, and avoid common pitfalls.
• Discover how React Query can simplify complex data management tasks, such as pagination and caching, using examples from the Customerly codebase.
• Explore the capabilities of Recoil for managing global state in your React applications, with tips and tricks from the Customerly production environment.
• Use i18next to provide multi-language support to your React applications, with guidance and examples from Customerly's localization strategies.
• Gain real-world experience with the Customerly codebase and learn how to optimize React-based web applications for production environments.

Requirements

• React fundamentals required, such as components, state and props.
• HTML, CSS, Javascript and Typescript knowledge required.

Target audience

• Beginner React developers who wants to learn libraries to implement in their applications
• Developers who are interested in learning best practices for implementing these libraries in a real-world production environment