REACT JS Complete 2023 with Redux, Firebase & TypeScript

Focused View

Ivan Lourenço Gomes

14:30:03

29 View

1. React Basics

1.1 jersey-shop-project.zip

1. Preparing the Workspace.mp4

07:14

2. JSX Basics.mp4

09:55

3. List Rendering with the Map Function.mp4

08:33

4. Coding Exercise Walkthrough.mp4

03:08

5. Test Your Skills with List Rendering.html

6. Conditional Rendering.mp4

10:46

7. Test Your Skills with Conditional Rendering.html

8. Components.mp4

07:22

9. Show or Hide the Order Summary.mp4

05:26

10. Props.mp4

04:51

11. Events.mp4

06:49

12. State.mp4

05:20

13. React Hooks.mp4

02:51

14. Updating State Variables.mp4

08:11

15. Test Your Skills with Events & the useState Hook.html

16. Updating the Order Details.mp4

08:13

17. The Quantity Handler.mp4

10:25

2. Styling in React

1.1 todo-list-initial.zip

1. Presentation of the To-Dos Project.mp4

02:44

2. CSS x SCSS.mp4

05:53

3. Component Styles.mp4

05:58

4. CSS Modules.mp4

09:04

5. Tips for Working with CSS Modules.mp4

09:04

3. Context API & Reducers for State Management

1.1 todo-list-context-project.zip

1. State Management on Large Scale Applications.mp4

06:19

2. Creating Dummy To-Dos and Rendering the List.mp4

03:36

3. Setting Up The Logic to Erase and Mark To-Dos as Done.mp4

09:00

4. Creating and Providing the To-Dos Context.mp4

05:39

5. Using the Context from Child Components.mp4

03:21

6. Reducers - Consolidating the State Logic.mp4

05:31

7. Using The Reducer Function.mp4

08:38

8. RECAP Reducers.html

9. Test Your Skills with Reducers.html

10. Dispatching Actions Directly from the To-Do Component.mp4

02:49

11. Moving the Context Logic into the Context Provider Component.mp4

08:13

12. Merging the Reducer Into the Context.mp4

04:23

13. The Add To-Do Modal.mp4

05:10

14. Open & Close The Modal with State.mp4

07:26

15. The Add To-Do Logic.mp4

08:30

16. Adding IDs to New Todos.mp4

05:21

17. The Filter Logic.mp4

06:01

18. Showing The Filtered Todos.mp4

04:53

19. Saving To-Dos in the LocalStorage.mp4

08:48

4. React Router

1.1 book-list-router-redux-project.zip

1. Presentation of The Book List Project.mp4

05:00

2. Getting Started with React Router.mp4

07:14

3. Adding Links with React Router.mp4

04:49

4. Dynamic Links and URL Params.mp4

06:19

5. Adding Links to Individual Books.mp4

03:40

6. Navigate to Links Programatically with useNavigate.mp4

04:01

5. State Management with Redux Toolkit

1. Redux - State Management for Large Scale Applications.mp4

05:18

2. Redux Installation and Store Setup.mp4

08:33

3. Reading from the State with the useSelector Hook.mp4

04:30

4. Calling the Reducer Functions With the useDispatch Hook.mp4

08:34

5. Avoiding Breaking Errors for Non Existing Book Ids.mp4

03:07

6. Toggle the isRead State.mp4

07:51

7. The addBook Action.mp4

09:26

8. The Notes Slice.mp4

04:44

9. Filtering Notes by the Book ID.mp4

03:39

10. Erase Notes.mp4

03:37

11. Add Notes.mp4

07:59

12. Erase All Book Notes.mp4

03:45

6. Firebase User Authentication

1.1 book-list-firebase-project.zip

1. React and Firebase - Project Introduction.mp4

05:20

2. Firebase Project Setup.mp4

04:43

3. Firebase Authentication Methods.mp4

05:34

4. Signing Up New Users.mp4

09:20

5. Handling Signup Errors.mp4

05:39

6. Signing In Existing Users.mp4

03:55

7. The Reset Password Function.mp4

04:28

8. Show the Homepage to Logged In Users.mp4

11:03

9. Persisting the Login State in the Browser Session.mp4

06:39

10. The Logout Function.mp4

05:02

11. Adding a Loader to The Login Page.mp4

04:26

7. Firebase The Firestore Database

1. Setting Up the Firestore Database.mp4

06:17

2. READ From the Firestore Database.mp4

09:38

3. Using WHERE Clauses on Firebase Queries.mp4

04:17

4. Do We Really Need Redux in This Project.mp4

04:12

5. Async Functions in Redux with createAsyncThunk.mp4

09:30

6. ExtraReducers and the Builder Object.mp4

07:07

7. UPDATE Data From The Firestore - The isRead Property.mp4

11:15

8. Toggle isRead from the Single Book Page.mp4

03:56

9. DELETE Documents from the Firestore.mp4

06:52

10. CREATE Documents in the Firestore.mp4

09:45

11. Fixing Bugs in the Add Book Flow.mp4

07:12

12. Adding Loaders for Pending Actions.mp4

08:01

13. Single Book Page Fetching Books On-Demand.mp4

14:58

14. Improving the Loading State of The Single Book Page.mp4

07:07

15. Fetch Book Notes.mp4

12:11

16. Delete Book Notes.mp4

04:00

17. Add Notes.mp4

04:38

18. Cleaning Up the Project.mp4

05:33

8. Firebase Hosting & Deploying Your React App

1. Firebase Hosting.mp4

08:28

2. Adding a Custom .com Domain to Your Firebase Project.mp4

09:43

3. Setting Up a Github Repo.mp4

12:36

4. Beginner GIT Tips.mp4

05:29

5. Setting Up the Github Integration with Firebase.mp4

06:43

6. The Importance of Branches.mp4

03:12

7. Deploying Feature Branches with Pull Requests.mp4

10:27

9. TypeScript Quick Guide

1. What is TypeScript.mp4

04:31

2. Preparing the Workspace.mp4

06:24

3. TSC The TypeScript Compiler.mp4

06:12

4. TypeScript Syntax.mp4

09:28

5. Primitives Data Types & Functions.mp4

10:47

6. Arrays.mp4

04:21

7. Objects and Type Aliases.mp4

06:01

8. Optional Properties.mp4

06:15

9. Interfaces.mp4

04:37

10. Union and Literal Types.mp4

07:58

11. Null & Undefined.mp4

07:16

12. The Any Type.mp4

05:31

13.1 ts-starter-project.zip

13. HTML Elements and Type Assertion.mp4

07:38

10. TypeScript in Practice

1.1 ts-students-initial.zip

1. Presentation of the Students Project.mp4

03:46

2. More on the Default Tsconfig Rules.html

3. Defining the Student Interface.mp4

08:02

4. Outputting Name & Age of Students.mp4

08:15

5. Writing the Logic for the Area of Focus.mp4

10:12

6. Outputting the Students Status.mp4

02:08

7.1 ts-students-final.zip

7. The Reusable Refresh Table Function.mp4

05:28

11. React & Typescript Basics

1. Creating Your First React & TypeScript Project.mp4

09:57

2. Typing State Variables.mp4

07:25

3. Typing Props.mp4

07:48

4. Sharing Types Between Components.mp4

05:48

5.1 react-ts-counter-final.zip

5. Typing Functions.mp4

05:39

12. React & TypeScript with Context & Reducers

1.1 react-typescript-quiz-game-initial.zip

1. Presentation of the Quiz App.mp4

03:35

2. Creating the Context.mp4

05:46

3. Providing the Context.mp4

07:33

4. Adding the Reducer Function to the Context.mp4

08:39

5. Adjusting the Context Type.mp4

07:14

6. Fetching Questions From the Open Trivia API.mp4

07:34

7. Making the The Question Interface with Chat GPT.mp4

05:12

8. Rendering the UI Based on the Game Status.mp4

10:10

9. Adding the The Question to the Context.mp4

05:40

10. Shuffling the Correct and Incorrect Answers.mp4

08:16

11. Decoding HTML Entities on Questions.mp4

03:49

12. Collecting the Users Answer.mp4

07:23

13. Submitting the Users Answer.mp4

05:22

14. Showing the Result to the User.mp4

07:26

15. Showing the Next Question for Infinite Gameplay.mp4

03:49

16. Adding the Score to the Context.mp4

08:50

17.1 react-typescript-quiz-game-final.zip

17. Setting the Sound and Confetti for The Correct Answer.mp4

05:31

Description

React 2023 Edition: A Zero to Advanced Course Including Production Ready Apps With Hosting & Realtime Database

What You'll Learn?

Complete REACT JS: Beginner to Advanced
Modern React with Hooks and & Function Components
Context API & Reducers
State Management with REDUX Toolkit for Large Scale Applications
Work with Async Data in Redux
Routing with REACT ROUTER
FIREBASE Integration for Real-time Database & Hosting
CRUD with REact & the Firestore Database
Automated Firebase Deploys with Github
TYPESCRIPT for Bug-Free Development
Implementing Typescript on New and Existing React Projects

Who is this for?

Aspiring web developers looking for a React starting point. You'll go from zero to a confident React developer.

Experienced developers looking to upgrade: If you're already a developer but want to enhance your skills with advanced React, this course provides advanced topics with real-world projects.

Students and tech enthusiasts seeking to dive into the world of modern web development using React.

Entrepreneurs and Start-up Founders looking to build web-based businesses

What You Need to Know?

A computer with access to the internet

Familiarity with HTML & CSS and basic JavaScript knowledge are recommended

Students are not required to have any previous knowledge on React or other frameworks, the course starts from the absolute beginning and covers all topics for React mastery

More details

Description
Welcome to the REACT JS Complete Course 2023 Edition - your gateway to becoming a React Developer in the ever-evolving world of web development.
In today's tech landscape, mastering React is not just a skill; it's a career advantage. This comprehensive course takes you on a journey from React novice to a seasoned expert developer, equipping you with the tools and techniques demanded by today's industry.
Why Choose This Course:
In a crowded field of React courses, ours stands out for several compelling reasons:
From Zero to Mastery: We begin from the basics, making it accessible for beginners, and progress seamlessly into advanced topics, ensuring seasoned developers also gain valuable insights.
The Modern Approach to React: Function components & hooks.
Context & Reducers Demystified: Complex concepts like context and reducers are made crystal clear, giving you a deep understanding of state management in React.
Redux Toolkit for Effortless State Management: Learn how to streamline state management with Redux Toolkit, a must-know skill for any React developer.
Firebase for Real-world Applications: Dive into Firebase to master user authentication, Firestore database integration & CRUD, and deployment, making you proficient in building real-world, scalable apps.
TypeScript Integration: Stay ahead in the game by integrating TypeScript into your React projects, enhancing your code quality and collaboration potential.
How Will This Course Benefit You:
Whether you're a beginner developer or an experienced professional seeking to upgrade your skills, this course empowers you with:
Career-Ready Skills: Equip yourself with the tools and knowledge required for high-demand React developer positions.
Portfolio-Building Projects: Gain practical experience through hands-on projects, with real-time databases and custom domains.
Confidence in Complex Concepts: Tackle advanced concepts like state management and authentication with confidence.
Industry Insights: Benefit from real-world insights and best practices accumulated from years of industry experience.
Who Should Enroll:
Aspiring Developers: If you're new to React, this course provides a solid foundation.
Experienced Developers: Seasoned devs will benefit from advanced topics and best practices.
Professionals Seeking Career Growth: Upgrade your skills and open doors to better job opportunities.
Don't miss out on this chance to master React and stay ahead in your web development journey. Enroll now and join our thriving community of React experts. Let's build amazing web applications together!
Who this course is for:
Aspiring web developers looking for a React starting point. You'll go from zero to a confident React developer.
Experienced developers looking to upgrade: If you're already a developer but want to enhance your skills with advanced React, this course provides advanced topics with real-world projects.
Students and tech enthusiasts seeking to dive into the world of modern web development using React.
Entrepreneurs and Start-up Founders looking to build web-based businesses

User Reviews

Rating

average 0

Total votes0

Focused display

Ivan is a top Udemy instructor currently teaching 17 courses in 4 languages with 420.000+ students worldwide.He became famous for his hands-on and easy-to-grasp teaching style using techniques that can benefit students from all levels, from complete beginners to advanced professionals.Ivan studied Business in college and has been working for multinational companies since 2004. He has a strong experience in various business areas, such as Sales, Purchasing, Logistics, International Trading, Accounting and Production.In 2014 he made a transition to I.T., where he quickly grew from a Front End Web Developer to the Product Owner and Leader of a Web Development Team at a big e-commerce UK company. Some of his courses include:• HTML / CSS• Javascript• Vue JS, Vue Router and Vuex• PHP• Web Design• Invision Studio• Python• Machine Learning• Microsoft Excel• Email Writing and EtiquetteEnroll now in one of his courses and start learning hot topics in Business, Web Development and Programming!

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.