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

4.41 (577 reviews)
Udemy
platform
English
language
Web Development
category
4,184
students
2.5 hours
content
Mar 2024
last update
$59.99
regular price

What you will learn

Build React JS Portfolio Project

Write high quality code

Understand React state management

Learn React in real React training for beginners

Description

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 application

  • How 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.

Content

Preparing tools

What we will implement?
Generating a project
I prepared some files

Creating our first components

Creating components
Rendering components markup

State management

Storing state inside components
Global state

Adding functionality

Rendering questions
Next button
Result page
Rendering answers
Highlighting answers

Working with real API

Making async questions with trivia API

Deployment

Renting a production server
Configuring production server
Uploading project

What's next?

Homework
Bonus Lecture

Screenshots

React JS Portfolio Project - React Training for Beginners - Screenshot_01React JS Portfolio Project - React Training for Beginners - Screenshot_02React JS Portfolio Project - React Training for Beginners - Screenshot_03React JS Portfolio Project - React Training for Beginners - Screenshot_04

Reviews

Saranya
September 23, 2023
The course is excellent. For a beginner like me, this course was very useful to start to learn React.
Joseph
September 1, 2023
This is a good course for beginner, the instructor explains everything very well. But the section on state management is a bit difficult to grasp at first.
Alexander
August 26, 2023
I am very satisfied with the course. Explanations about the video are on point. The speech speed is sometimes too fast, but with a playback speed of 0.75 it works.
Tyson
June 22, 2023
A bit fast, but easy to click pause to process what is being said. Better to be faster and have the ability to stop rather than long dragged out waiting for information.
Sarah
June 16, 2023
The instructor talks very quickly, it's kind of hard to keep up. I feel like this is an intermediate class with how little explanation there is for parts of it.
Julia
May 4, 2023
It's essentially one long example. I would prefer a bit of theory before jumping in and quizzes throughout the course to make sure I'm grasping the concepts.
Roland
December 7, 2022
The only issue I have with this course is that we write code one way then we have to rewrite code the correct way. Just write it once, I hate having to redo code for no reason.
Minji
November 7, 2022
I liked how he went over the react components, using some custom hooks when building the app. But I wish it could've been a little more detailed explanation of some concepts. Just a personal opinion. Overall, really enjoyed the course!
Rainer
September 26, 2022
Great teaching. Easy to follow and always right velocity. One of the best courses I had on udemy. I need Olexanders React code as basis to create my own application. His solution was nicely explained and organized in modules. I would like to see him also im other courses!!
Johnny
April 22, 2022
This is the course. It has strategy, method and structure. Structure that's what the newbie needs to move ahead securely. Cool.

Charts

Price

React JS Portfolio Project - React Training for Beginners - Price chart

Rating

React JS Portfolio Project - React Training for Beginners - Ratings chart

Enrollment distribution

React JS Portfolio Project - React Training for Beginners - Distribution chart

Related Topics

4191382
udemy ID
7/18/2021
course created date
7/24/2021
course indexed date
Bot
course submited by