React Monorepo 2024: Fluent Ui, Mobx, Cypress, Vitest & More

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

Requirements

Basic Understanding of JavaScript

A basic knowledge of React

Desire to Learn

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!

Overview

Section 1: Introduction

Lecture 1 Introduction to the course and the Task Manager application

Lecture 2 Overview of what will be covered in the tutorial

Section 2: Setting Up the Environment

Lecture 3 Setting Up Udemy Environment

Lecture 4 Installing Node.js and npm

Lecture 5 Installing Nx CLI globally

Section 3: Creating React Monorepo Application

Lecture 6 Creating a new Nx workspace for the Task Manager project

Lecture 7 Exploring the initial file structure of the React app

Lecture 8 Understanding the configuration files

Section 4: Creating React Libraries

Lecture 9 Creating necessary react libraries for the task manager app

Section 5: Integrating APIs

Lecture 10 Setting up a mock API server using JSON Server

Lecture 11 Install Axios Library

Lecture 12 Creating Http Agent part 1

Lecture 13 Creating Http Agent part 2

Lecture 14 Creating Http Agent part 3

Section 6: Managing Task State with MobX

Lecture 15 Install MobX state management library

Lecture 16 Setting up MobX store for managing tasks

Lecture 17 Creating MobX actions and observables for task manipulation part 1

Lecture 18 Creating MobX actions and observables for task manipulation part 2

Section 7: Creating React Components

Lecture 19 Creating necessary react components for the task manager app

Lecture 20 Implementing Fluent UI into Task List component

Lecture 21 Implementing Fluent UI into Task Form component

Lecture 22 Implementing Fluent UI into Task Details component

Lecture 23 Connecting Task List component to the MobX store part 1

Lecture 24 Connecting Task List component to the MobX store part 2

Lecture 25 Creating additional react components part 1

Lecture 26 Creating additional react components part 2

Lecture 27 Connecting Task Form component to the MobX store

Lecture 28 Connecting Task Details component to the MobX store

Section 8: Testing with Vitest and Cypress

Lecture 29 Introduction to unit testing with Vitest

Lecture 30 Writing unit tests for task management features

Lecture 31 End to end testing with CyPress

Section 9: Deployment of the application using Vite

Lecture 32 Building the Task Manager app for production

Lecture 33 Configuring deployment options

Lecture 34 Deploying the app to a hosting platform

Section 10: Conclusion

Lecture 35 Recap of what was covered in the tutorial

Intermediate to Advanced React Developers,Frontend Developers,Software Engineers,Anyone Seeking to Advance Their React Skills