React Monorepo 2024: Fluent UI, MobX, CyPress, Vitest & More

Focused View

Shahriat Hossain

5:04:02

118 View

1. Introduction

1. Introduction to the course and the Task Manager application.mp4

01:59

2. Overview of what will be covered in the tutorial.mp4

01:03

2. Setting Up the Environment

1. Setting Up Udemy Environment.mp4

00:34

2. Installing Node.js and npm.mp4

03:12

3. Installing Nx CLI globally.mp4

02:40

3. Creating React Monorepo Application

1. Creating a new Nx workspace for the Task Manager project.mp4

04:22

2. Exploring the initial file structure of the React app.mp4

07:13

3. Understanding the configuration files.mp4

04:33

4. Creating React Libraries

1. Creating necessary react libraries for the task manager app.mp4

14:31

5. Integrating APIs

1.1 Json-Server.zip

1. Setting up a mock API server using JSON Server.mp4

04:59

2. Install Axios Library.mp4

02:07

3. Creating Http Agent part 1.mp4

08:21

4. Creating Http Agent part 2.mp4

11:37

5.1 react-monorepo.zip

5. Creating Http Agent part 3.mp4

13:11

6. Managing Task State with MobX

1. Install MobX state management library.mp4

02:52

2. Setting up MobX store for managing tasks.mp4

07:56

3. Creating MobX actions and observables for task manipulation part 1.mp4

13:10

4.1 react-monorepo.zip

4. Creating MobX actions and observables for task manipulation part 2.mp4

22:10

7. Creating React Components

1. Creating necessary react components for the task manager app.mp4

05:23

2.1 react-monorepo.zip

2. Implementing Fluent UI into Task List component.mp4

23:31

3.1 react-monorepo.zip

3. Implementing Fluent UI into Task Form component.mp4

10:19

4.1 react-monorepo.zip

4. Implementing Fluent UI into Task Details component.mp4

05:38

5. Connecting Task List component to the MobX store part 1.mp4

20:33

6.1 react-monorepo.zip

6. Connecting Task List component to the MobX store part 2.mp4

26:09

7. Creating additional react components part 1.mp4

19:57

8.1 react-monorepo.zip

8. Creating additional react components part 2.mp4

10:28

9.1 react-monorepo.zip

9. Connecting Task Form component to the MobX store.mp4

17:54

10.1 react-monorepo.zip

10. Connecting Task Details component to the MobX store.mp4

06:12

8. Testing with Vitest and Cypress

1. Introduction to unit testing with Vitest.mp4

03:10

2.1 react-monorepo.zip

2. Writing unit tests for task management features.mp4

07:07

3. End to end testing with CyPress.mp4

07:03

9. Deployment of the application using Vite

1.1 react-monorepo.zip

1. Building the Task Manager app for production.mp4

02:01

2.1 react-monorepo.zip

2. Configuring deployment options.mp4

04:00

3.1 react-monorepo.zip

3. Deploying the app to a hosting platform.mp4

05:56

10. Conclusion

1.1 json-server.zip

1.2 react-monorepo.zip

1. Recap of what was covered in the tutorial.mp4

02:11

Description

Mastering React in Monorepo: Leveraging MobX, Axios, Fluent UI, CyPress, Vite, Vitest

What You'll Learn?

Master React Monorepo Development
Build a Feature-rich Task Manager Application
Implement State Management with MobX
Perform End-to-End and Unit Testing with Cypress and Vitest

Who is this for?

Intermediate to Advanced React Developers

Frontend Developers

Software Engineers

Anyone Seeking to Advance Their React Skills

What You Need to Know?

Basic Understanding of JavaScript

A basic knowledge of React

Desire to Learn

More details

Description
Unlock the full potential of React development with our comprehensive course on mastering React Monorepo architecture. In this hands-on tutorial, you'll embark on a journey to build a feature-rich Task Manager application from scratch using cutting-edge technologies such as Fluent UI, MobX, Axios, and Vite.
Through a comprehensive approach, our course guides you in mastering React Monorepo architecture, equipping you with the skills to effectively manage large-scale projects. You'll delve into building a robust Task Manager application, integrating Fluent UI for enhanced user interface design, and implementing advanced state management with MobX. By leveraging Axios for HTTP requests and Vite for efficient bundling, you'll optimize your development workflow and deliver high-quality applications with confidence.
Experience an immersive learning journey as you dive deep into React Monorepo development and gain proficiency in building dynamic web applications. By mastering the latest tools and techniques, you'll emerge with the expertise to tackle complex projects and excel in today's competitive frontend development landscape.
Throughout the course, you'll receive expert guidance from industry professionals, practical tips, and real-world examples to reinforce your learning. Whether you're a seasoned developer or just starting your journey, this course is designed to empower you with the skills and knowledge needed to succeed in React development. Don't miss out â€“ enroll now!
Who this course is for:
Intermediate to Advanced React Developers
Frontend Developers
Software Engineers
Anyone Seeking to Advance Their React Skills

User Reviews

Rating

average 0

Total votes0

Focused display

React

Shahriat Hossain

Instructor's Courses

As an industry veteran with over 15 years of experience in software development, I bring a wealth of knowledge and expertise to the table. Throughout my career, I've held various leadership roles, including technical lead, team lead, and technical project manager. I'm deeply passionate about guiding learners through their journey, empathizing with their challenges, and fostering an environment where they can thrive. My approach is characterized by credibility, empathy, and a genuine desire to help others succeed.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.