![React JS Masterclass - Go From Zero To Job Ready [Video]](https://content.packt.com/V19841/cover_image_small.jpg)
React JS Masterclass - Go From Zero To Job Ready [Video]
Subscription
FREE
Video + Subscription
$29.99
Video
$109.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
Subscription
FREE
Video + Subscription
$29.99
Video
$109.99
What do you get with a Packt Subscription?
What do you get with a Packt Subscription?
What do you get with Video + Subscription?
What do you get with a Packt Subscription?
What do you get with eBook?
What do I get with Print?
What do I get with Print?
What do you get with video?
What do you get with Audiobook?
-
Free ChapterIntroduction and Resources
-
React Basics and Setup
-
States and useState
-
Components and Props
-
Styling React Application
-
User Input, Events, and useRef
-
useEffects, useCallback, and Custom Hooks
-
Project: TaskMate
-
React Router
-
Tailwind CSS Crash Course
-
Movie API Project: Cinemate
- Cinemate Demo
- Project Setup
- Tailwind Introduction / 063
- TMDB API: Documentation / 064
- UI Design (Tailwind and Flowbite) / 065
- Navigation Structure
- Dark Mode Integration / 067
- Movie List Structure / 068
- API Fetch: Movie List / 069
- Custom Hook: useFetch / 070
- API Fetch: Movie Search / 071
- Tailwind CSS Customization / 072
- Page Not Found / 073
- Individual Movie Information / 074
- Scroll Restoration: Scroll to Top / 075
- Dynamic Page Title / 076
- Style Update / 077
- Project Deployment / 078
- Development Branch on Git and GitHub
- Solved: Netlify Error / 079
-
Assignment: Shopping Cart
-
Context and Reducers Project: Shopping Cart
-
Redux Project: Shopping Cart
-
ECommerce Project: Codebook
- Codebook Demo / 097
- Installations / 098
- Project Structure / 099
- Header Component - I / 100
- Header Component - II / 101
- Home Page / 102
- Products Page / 103
- API: Product List / 104
- Rating Component / 105
- Individual Product Component / 106
- Dark Mode / 107
- ScrollToTop Component / 108
- Product Search / 109
- Dynamic Title / 110
- Filter: Context and Reducers / 111
- Filter: Initial Product List / 112
- Filter: Properties / 113
- Clear Filter / 114
- Dropdown Option / 115
- User Account and Cart
- Login and Registration Page / 118
- React-Toastify / 119
- API: Login/Register Endpoint / 120
- Session Storage / 121
- Toggle Dropdown (Hide) / 122
- Cart Interface / 123
- Cart: Context and Reducers / 124
- Cart: Provider / 125
- Add to Cart / 126
- Condition Check: Already in Cart / 127
- Out of Stock Products / 128
- Protected Routes / 129
- Checkout Modal / 130
- Undefined Value Warning / 131
- Order Submit Function / 132
- Order Page / 133
- Dashboard: Condition 1 / 134
- Dashboard: Condition 2 / 135
- Auth Service: API End Points / 136
- Data Service: API Endpoints / 137
- Product Service: API End Points / 138
- Page Not Found / 139
- Dynamic Page Title / 140
- Error Handling / 141
- ENV / 142
- Frontend Deployment / 143
- Backend Deployment / 144
- Update Environment Variables / 145
- Login as Guest
- Solved: Netlify Errors / 147
-
Assignment: Word Counter
-
React Testing Library and Jest
-
Firebase Crash Course
- Firebase Introduction
- Webpack Setup / 252
- Firebase Setup / 253
- Firebase Connection / 254
- Fetching Documents - I / 255
- Fetching Documents- II / 256
- Adding and Deleting Documents / 257
- Snapshots / 258
- Firestore Queries / 259
- Ordering Data / 260
- Updating Documents / 261
- Fetching Individual Document / 262
- Authentication - I / 263
- Authentication - II / 264
-
Blog Project: WriteNode
About this video
This course begins with an in-depth introduction to React software and its features, pros and cons of use, and outlines the fundamentals, including components and props, state, hooks, context, and reducers.
Over the course duration, we will explore JSX and components state and props, event handling, and built-in hooks (for example, useState, useEffect, useCallback, and useRef). We will then work with forms and validations and handle form data. We will understand client-side routing with React Router and work with multiple APIs and handle data for projects. You will learn to integrate other libraries and frameworks (for example, Redux) with React. We will explore testing and debugging React apps using popular libraries such as Jest, RTL, and React DevTools. You will then learn about DOM manipulation and manipulating the virtual DOM, server-side rendering, and optimizing the performance of React apps. Finally, we will explore the best practices for structuring and organizing React projects and building and deploying production-ready React apps, including code splitting and optimization techniques.
Upon completing the course, you will be ready to work practically on React and implement the concepts individually! More importantly, you will have the potential to build, test, and deploy your projects created using React and JavaScript.
All resources are available at: https://github.com/PacktPublishing/React-JS-Masterclass---Go-From-Zero-To-Job-Ready
- Publication date:
- March 2023
- Publisher
- Packt
- Duration
- 34 hours 49 minutes
- ISBN
- 9781805125549