Master React Libraries (with Customerly codebase)

Master React Libraries (with Customerly codebase), available at $27.99, has an average rating of 4.7, with 45 lectures, based on 5 reviews, and has 48 subscribers.

You will learn about 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. This course is ideal for individuals who are Beginner React developers who wants to learn libraries to implement in their applications or Developers who are interested in learning best practices for implementing these libraries in a real-world production environment It is particularly useful for Beginner React developers who wants to learn libraries to implement in their applications or Developers who are interested in learning best practices for implementing these libraries in a real-world production environment.

Enroll now: Master React Libraries (with Customerly codebase)

Summary

Title: Master React Libraries (with Customerly codebase)

Price: $27.99

Average Rating: 4.7

Number of Lectures: 45

Number of Published Lectures: 45

Number of Curriculum Items: 45

Number of Published Curriculum Objects: 45

Original Price: €44.99

Quality Status: approved

Status: Live

What You Will 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.

Who Should Attend

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

Target Audiences

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

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!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Who am I

Lecture 2: Introductions and requirements

Lecture 3: What is Customerly?

Lecture 4: React + Typescript general review

Lecture 5: JSON Server

Chapter 2: React Router

Lecture 1: Introduction to React Router

Lecture 2: createBrowserRouter

Lecture 3: createBrowserRouter action function

Lecture 4: createBrowserRouter loader function

Lecture 5: BrowserRouter component

Lecture 6: Link and NavLink component

Lecture 7: useLocation hook

Lecture 8: useMatch hook

Lecture 9: useParams hook

Lecture 10: useSearchParams hook

Lecture 11: useNavigate hook

Chapter 3: React Query

Lecture 1: Introduction to React Query

Lecture 2: Installation and first configuration

Lecture 3: Axios client

Lecture 4: useQuery hook, options and statuses

Lecture 5: Paginated queries

Lecture 6: Infinite queries

Lecture 7: Initial query data and placeholder data

Lecture 8: Mutations

Lecture 9: Query invalidations and update data after mutation

Lecture 10: Prefetch query

Chapter 4: Recoil

Lecture 1: Introduction to Recoil

Lecture 2: Atoms

Lecture 3: Selectors

Lecture 4: Recoil Persist

Chapter 5: i18next

Lecture 1: Introduction to i18next

Lecture 2: Installation, configuration and init

Lecture 3: Backend and fallbacks (+ caching)

Lecture 4: Recognize language

Lecture 5: How to use (basics)

Lecture 6: Interpolation

Lecture 7: Plurals and context

Lecture 8: Nesting

Lecture 9: Localazy

Chapter 6: Tips and tricks

Lecture 1: Don’t copy paste

Lecture 2: Immutability helper

Lecture 3: Don’t do this error in translation files

Lecture 4: The tools I use as a Full Stack Developer

Chapter 7: Conclusion

Lecture 1: Why I decided NOT to do a test project

Lecture 2: Conclusion

Instructors

Igor Zanella
Full Stack Developer @ Customerly and Freelance

Rating Distribution

1 stars: 0 votes
2 stars: 0 votes
3 stars: 0 votes
4 stars: 2 votes
5 stars: 3 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu