React JS Portfolio Project React Training for Beginners

Build React JS Portfolio Project and Deploy React Project to Production With My React Training for Beginners
React JS Portfolio Project React Training for Beginners
File Size :
1.65 GB
Total length :
2h 9m



Oleksandr Kocherhin


Last update




React JS Portfolio Project React Training for Beginners

What you’ll learn

Build React JS Portfolio Project
Write high quality code
Understand React state management
Learn React in real React training for beginners

React JS Portfolio Project React Training for Beginners




Do you want to build React JS portfolio project the real way? In this React training, you will learn the key concepts of React while building a Quiz project.React is currently the most popular front-end framework. It’s easy to begin with yet it’s very capable even for building large-scale professional web-applications. In this course, we learn the fundamentals of React while creating a real project which will be deployed to production.While building React JS portfolio project we dive into the fundamentals of React like:How to break down your application into smaller pieces, into components?How to structure your business logic and manage state and how to connect these to our components?How to deal with component changes, what is the state, what to store in it, and where to define it?How to add interaction and how does re-rendering work in React?How to communicate with real API from React applicationHow to deploy your React application on your real server (You will need to pay for a server for deployment or just follow along)We don’t learn dry theory or go through each step of React documentation. Instead, you can see on the real example how you can use React to build applications.Requirements:This is an intro course, no prior React knowledge is required, but HTML, CSS, and Javascript skills are necessary.


Section 1: Preparing tools

Lecture 1 What is this section about?

Lecture 2 What we will implement?

Lecture 3 Generating React project

Lecture 4 I prepared some files

Section 2: Creating our first components

Lecture 5 Creating React components

Lecture 6 Rendering React components markup

Section 3: State management

Lecture 7 useState hook

Lecture 8 useReducer hook

Lecture 9 Global state in React

Section 4: Adding functionality

Lecture 10 Rendering questions

Lecture 11 Next button

Lecture 12 Result page

Lecture 13 Rendering answers

Lecture 14 Highlighting answers

Section 5: Working with real API

Lecture 15 Making async questions with trivia API

Section 6: Deployment

Lecture 16 Renting a production server to deploy React

Lecture 17 Configuring production server to deploy React

Lecture 18 Uploading React to production

Section 7: What’s next?

Lecture 19 Homework

Lecture 20 My Bonus Lecture

Beginner Web developers who want to learn React while building a real application

Course Information:

Udemy | English | 2h 9m | 1.65 GB
Created by: Oleksandr Kocherhin

You Can See More Courses in the Developer >> Greetings from

New Courses

Scroll to Top