Master React Libraries (with Customerly codebase)
What you'll 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.
Description
React is the most famous JavaScript framework on the market, which you can use to create web applications, Facebook, Whatsapp, Instagram, Netflix, and Dropbox, are only some of the applications which are created on React.
For this reason, I created this course to talk about four libraries I use daily in React.
This course IS NOT for developers who don't know React framework, so don't buy it if you don't know how to use React because we are not seeing it. If you know Italian, you can find my React starter course here on Udemy.
In this course, you will find Customerly apps code snippets. We will also discuss how we used the packages we will see in this course in production environments. This is better than having a simple test project because we can see how these packages behave in production environment applications.
All the packages in this course are used with Typescript, which is a big pro when using React, because it permits you to save from some mistakes in the code and declare clear types.
What do we talk about in this course?
React Router: In the React Router course chapter, we will see how to use the last version of React Router (v6.8) also using new data APIs. We will see how to manage new projects with new React Router functions and old projects with React Router components.
Tanstack React Query: In the Tanstack React Query course chapter, we learn how to use this powerful library to manage API requests and save them in the cache. A library sponsored by some big players like GitHub, Vercel, and Retool.
Facebook RecoilJS: RecoilJS is a state container library created by Facebook developers. In the Recoil course chapter, we will see how to use the library with atoms and selectors, with some conventions we use in Customerly.
i18next: In the i18next course chapter, we will talk about this fantastic localization framework, and we will also see the react-i18next package. Other than this, we will also see Localazy, a good service that can help us translate our applications.
Tips and tricks: There is a chapter dedicated to some tips on libraries we would have seen and some general development advice I can give for my experience.
You can see the lessons Curriculum here above. You can also see the previews and join the course without risks, thanks to the Money Back Guaranteed by Udemy in the first 30 days!
Who this course is for:
- 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
Instructor
- 4.4 Instructor Rating
- 49 Reviews
- 246 Students
- 2 Courses
Hey, I'm Igor, a Full Stack Developer focusing primarily on Web Development. I work full-time for Customerly, an exciting startup of which I am a partner, but I also freelance.
Although I'm only 25, I've been programming since I was 14, studying a range of languages, including C++, Java, PHP, Assembly (yes, really), and eventually HTML, CSS, JS, and more, which ignited my passion for Web Development.
After graduating high school with a degree in IT, I spent a few years working as a developer and sysadmin before deciding to become a full-time Freelancer. I've worked on various projects, and you can find some of them showcased on my website.
Aside from programming, I have many passions, including martial arts, motorsports, snowboarding, and more.