React for Beginners – From HTML CSS & JavaScript to React.js

سرفصل های دوره

Complete React Guide including (incl Hooks, React Router, Redux, Styled Components)

1. Introduction

1. Welcome to the course

2. What is React And why learn it

3.1 01-ReactDemo.pdf

3. React DEMO

4. What you need to know before React

5. Environmental Setup for React JS

6. Links And Resources.html

2. React Basics

1. Section overview

2.1 practice-project.zip

2. Traditional HTML CSS And JS Website

3.1 Bable CDN Link.html

3.2 React CDN Links.html

3. Adding React to your website

4. Render a react component

5. What is JSX

6. JSX Dynamic Values and Variables

7. Functions and Events in JSX

8. Using Images

3. Create React App

1. Section overview

2. How to create a React Application

3. React Structure explained

4. How to start run and stop a react development server

4. How to use Style in React

1. Section overview

2. Using the style attribute in React

3. Using CSS in React

5. React Components and Props

1. Section overview

2. What are Components and how to create a react components

3. What are Props

4. Children Prop

5. Create a reusable Card Component

6. Using Icons in React

7. Using Bootstrap in React

8. Create a Button Component

9. Function props aka event handlers

10. Assignment Replace the rest of the cards.html

6. Project E-Learning Platform

1. Section overview

2.1 e-learning-starter-files.zip

2. Create the App

3. Create a Title Component

4. Header Component with child props

5. Button component with click event handlers

7. React State and useState Hook

1. Section overview

2. What is State and how to useState in React

3. Example with useState Hook

4. Create a Modal Comp and apply useState

5. Extend components and state

6. Using List in React

7. useState on Lists

8. Add all offers to the list.html

8. Working with DATA and the React useEffect Hook

1. Section overview

2. Create a Testimonial component

3. Working with JSON data

4. What is useEffect and how to use it

5. Dependency Array of useEffect

6. Update testimonials with useEffect

7. Add Star rating with useState and map

9. Element Reference with React useRef Hook

1. Section overview

2. What is useRef and how to use it

3. Page navigation with useRef

4. Scroll Back To Top Button with useRef

10. Forms submissions in React

1. Section overview

2. Forms label and inputs

3. Form group component

4. Input values and changing values

5. Referencing inputs with useRef

6. Form submission and reset

7. Simple Login and Form validation

8. Create a Registration Form Component

9. Simple Form registration

11. Error handling in React

1. Section overview

2. Throw error using try catch

3. Waiting for server response

4. Error by data fetching

5. Custom Error Boundaries Component

12. Refactoring React App

1. Section overview

2. Why should you refactor your code

3. Refactoring the Header Component

4. Refactored the Categories Section

5. Refactored the Offers Section

13. Navigating with React Router

1. Section overview

2. What is React Router

3. How to install and adding a Router

4. Create the Root Route

5. Handling Not Found Errors

6. Creating Routes

7. Nested Routes, children and Outlet

8. Client side Routing

9.1 about.jsx.zip

9.2 root.jsx.zip

9. Active Link Styling

10.1 index.jsx.zip

10. The index Route

11.1 about.jsx.zip

11.2 error-page.jsx.zip

11.3 home.jsx.zip

11.4 index.jsx.zip

11.5 login.jsx.zip

11.6 React Router.pdf

11.7 root.jsx.zip

11. Resources.html

12. Add Login to the Navigation.html

14. App Data Sharing with React useContext

1. Section overview

2. The Problem with Prop drilling

3. What is useContext and why use it

4.1 Context Example.zip

4. React useContext Hook example

5. Create a Dark Theme

6. Toggle Dark Theme

7. Change Arrow Icon on Dark Theme

8. Toggle Categories on Dark Theme

9. Toggle Offers on Dark Theme

15. React Styled Components

1. Section overview of React Styled Components

2. About React Styled Components

3. Pros and cons of React Styled Components

4. React Styled Components example

5. Create a ModalStyle Component

16. Project - Employee Payroll App

1. Project overview.html

2. Project setup

3. Creating project components

4. App Routing Navigation system

5. App Root, Index and Error page

6. App Navigation with routs

7. Page wrapper styled component

8. App Contact form

9. Contact form validation

10. Contact form Successful submission

11. Home page component

12. Create a Login form component

13. Login with useContext

14. Display Personal and Logouton Authentication

15. Login validation with styled component and context

16. Create a Personal List component

17. Personal Data and Storage

18. Add Search functionality

19. Display Personal Detail

20.1 src.zip

20. Source Code.html

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy