Главная
Study mode:
on
1
- Introduction
2
- Intro to React
3
- Create React App Files Explained
4
- Our First Component
5
- Understand Props in Components
6
- Intro to useState Hook
7
- Install Tailwind CSS for React
8
- Styling React with Tailwind CSS Classes
9
- Map through State Array Loop
10
- Create a Popup Modal with React Bootstrap
11
- Create and Style HTML Form
12
- Profile Form Data in Modal
13
- Update Parent Component State in Child Component
14
- How to Push to State Array
15
- Pass a Component to Props
16
- Create a Navbar with Tailwind CSS
17
- Pages and props.children
18
- Routing with React Router
19
- Create an Active Page Link in Navbar
20
- Finishing up Our Header
21
- Intro to useEffect Hook
22
- useEffect Dependency Array Explained
23
- Fetch an API to Display on Page
24
- URL Parameters in Router
25
- Redirect with useNavigate Hook
26
- Create 404 Not Found Page
27
- Fetch Response Status Codes and Errors
28
- Build and Style a Search Component
29
- Setup a Django Backend Full Stack App
30
- Create a REST API Backend
31
- Consume Backend API
32
- Create a Details by ID API
33
- Create a Details Page
34
- Return 404 From Backend API Django
35
- Code a Full CRUD API Crate, Read, Update, Delete
36
- DELETE Request with Fetch
37
- Popup Modal to Add Data POST
38
- Close modal on POST Success and Add Results to State
39
- Dynamic Edit Form to Update API Data
40
- Comparing State Objects
41
- Display Form Errors on Page
42
- Tailwind CSS Form and Button Styling
43
- Intro to JWTs and Authentication JSON Web Tokens
44
- Create a Login Page
45
- localStorage and Bearer Auth Tokens
46
- useLocation and useNavigate State Redirect to Previous Page on Login
47
- useContexct Hook Introduction
48
- Create a Logout Button
49
- Auth Refresh Tokens
50
- User Register Form and API
51
- Create a Custom Hook useFetch
52
- Destructuring Explained Custom Hook Parameters and Return Data
53
- Default Values and Nested Data with Restructuring
54
- Custom Hook on Button Click onClick POST with useFetch
55
- TypeScript and Axios Intro
56
- TypeScript Components
57
- Generate Drop Down List from API
58
- Crypto Price Chart with Chart.js
59
- Dynamic Chart with Multiple Drop Downs Chart.js
60
- Calculate Crypto Values
61
- Aggregate Data with map and reduce
62
- Pie Chart with Chart.js react-charts-2
63
- GraphQL API and Apollo Intro
64
- GraphQL in Django Backend Graphene
Description:
Embark on a comprehensive 11-hour 54-minute video tutorial covering React JS fundamentals and advanced concepts. Learn to create components, understand props, and utilize hooks like useState and useEffect. Master styling with Tailwind CSS, implement routing with React Router, and build interactive features such as modals and forms. Dive into full-stack development by setting up a Django backend, creating REST APIs, and implementing CRUD operations. Explore authentication with JWTs, create custom hooks, and work with TypeScript. Visualize data using Chart.js and delve into GraphQL with Apollo. Perfect for beginners, this course provides hands-on experience in building modern, responsive web applications with React JS.

React JS Full Course - Part 1

Caleb Curry
Add to list
#Programming #Programming Languages #Javascript #React #React Router #Typescript #Web Development #Web Application Development #Information Security (InfoSec) #Cybersecurity #Web Security #JSON Web Tokens #JWT
1 of 64

- Introduction