Mô tả

React is a JavaScript library for building user interfaces.

  • Declarative: React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable, simpler to understand, and easier to debug.

  • Component-Based: Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep the state out of the DOM.

  • Learn Once, Write Anywhere: We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React can also render on the server using Node and power mobile apps using React Native.

Redux is an open-source JavaScript library for managing application state. It works best in extensive, sprawling applications. However, to utilize it properly, first you need to prepare. Everything should go smoothly as long as your middleware is all done and you have full control over fetches, states, etc. In Redux, you don’t have to fetch everything all the time. This is the reason why Redux remains the most popular flux-based tool for state management.

From the architecture point of view, Redux helps maintain order in the folders and files of the project. It helps programmers understand the application’s structure and introduce new people to the project (providing that they have previous knowledge of Redux). Its components are: global JS object, reduction functions, actions and subscriptions.

The widespread use of Redux gets even funnier when you consider the fact that the creators themselves (Dan Abramov and Andrew Clark) used to say that you might not actually need Redux. It’s important to understand what you can do with it before you stick it in your programming tool belt. Especially since there’s another solution that works great not as a competition, but rather as a supplement: React’s API interface!


The origins of SPA, a single-page application, go back to 2013 and the creation of the React library, used by Facebook. One of its biggest advantages was performance, achieved with VDOM.


State management is the repository for the current state of the app and its data. It’s a common part of all the views. For example, in the case of user data; the avatar, the full name, etc. are stored in Redux.

Front-end state management is a kind of logic that stores and refreshes current data, such as the information about the options button being highlighted, about the authorization of the user, etc. Or, if we were to put it in a more abstract way, it makes sure that business transactions are complete – by storing input data of the user interface and synchronizing it across the pages, back-end, and front-end parts.

It’s also helpful in drawing a line between the business and view layers. This makes the app run faster without having to load the same elements all over again – they’re simply stored in Redux.


Bạn sẽ học được gì

React JS

Redux

React Hooks

HTTP Methods

Yêu cầu

  • Javascript Basics

Nội dung khoá học

29 sections

Introduction

3 lectures
what is react
02:43
What is component
09:05
JSX Overview
04:30

ES6

7 lectures
ES6 Intro
01:30
Let Keyword
06:19
Const keyword
02:12
Arrow Functions
05:49
For of loop
05:54
Template Literals
03:29
Spread operator
04:58

First React App

3 lectures
React - Hello World
05:25
Project Structure of React App
10:05
Debugging React App
05:06

Components

4 lectures
Components Introductions
04:32
Class Components
08:40
Functional Components
03:57
Parent and Child Components
09:34

States and Props in Components

4 lectures
What is state
08:33
setState in class components
08:06
Props in class components
12:38
Props in functional Components
07:32

Event Handling in React JS

2 lectures
Event Handling in class components
08:39
Event Handling in functional components
08:40

CSS React

3 lectures
Inline CSS
06:36
Local CSS
11:11
Manipulating CSS using Events
12:32

Project - 1

1 lectures
Counter application
13:40

Life Cycle

1 lectures
Class Components in Lyfe cycle
11:11

React HOOKS

4 lectures
What is a react hook
07:10
useState Hook
10:49
useEffect Hook
04:29
Manipulating CSS using Hooks
08:49

React Forms

2 lectures
Forms-Introduction
14:20
Form Submission
10:35

Project - 2

3 lectures
User - Authentication Part-1
09:18
User - Authentication Part-2
08:46
User - Authentication Part-3
12:13

Project - TodoList

2 lectures
TodoList - part-1
13:53
TodoList - part-2
13:41

React Router

2 lectures
Routing - part-1
14:54
Routing - part-2
15:11

Maps in React

4 lectures
Maps Introduction
03:19
Maps part-1
07:37
Maps part-2
06:56
Conditional Rendering
09:13

Local Storage

2 lectures
Local Storage with Strings
09:54
Local Storage with Objects
15:16

Project - 3

4 lectures
Face Book -Part1
13:35
Face Book -Part2
10:54
Face Book -Part3
16:08
Face Book -Part4
13:45

Context

3 lectures
what is context API
07:10
Implementing Context API
22:25
Manipulating Components using Context API
16:59

Project - Movies App

2 lectures
Movies App- Part1
27:42
Movies App- Part2
08:25

HTTP Methods

3 lectures
Fetch Method
04:50
Axios Method
05:59
Return HTML Content using HTTP Methods
04:41

Project - 6

2 lectures
Meals - App part-1
13:16
Meals - App part-2
16:38

Connecting to NODE JS

6 lectures
Node JS Intro
01:15
Hello World in NODE JS
05:40
Installing Express framework
09:37
Getting data from Node JS
19:25
Sending data to Node JS - Part1
14:12
Sending data to Node JS part-2
14:13

Redux - Intro

2 lectures
What is Redux
05:54
How Redux Works
09:23

Redux - Implementation

3 lectures
Creating components
11:40
Creating Reducer , Store
22:48
Performing Actions
16:10

Redux - Payload

3 lectures
What is payload
20:27
Sending data to store using payload
23:25
Payload with Objects
13:15

Redux - TodoList

7 lectures
Redux TodoList Demo
05:28
Creating Navbar , AddTask Components
29:44
Creating TodoList Component
12:15
Delete Items from TodoList
10:57
Changing TodoItem UI for Edit feature
09:50
Editing Toto Items
11:55
Adding stylings
12:39

Redux - combineReducers

4 lectures
What is combineReducers
08:19
combineReducer implementation part-1
11:44
combineReducer implementation part-2
11:44
combineReducer - Actions
12:22

Redux Persist

3 lectures
What is redux - persist
04:19
Redux - Persist implimentation part-1
17:43
Redux - Persist implimentation part-2
19:21

Redux - Ecommerce

9 lectures
Redux ecommerce - demo
04:51
Creating components
16:20
Creating Reducers
09:51
Creating Persisted store , reducer
13:28
Creating Items Component
11:21
Delete Item from cart
08:02
Adding new Item
11:25
Adding search filter
12:13
Footer
02:40

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.