HOME > Development > React Portfolio Project React Training for Beginners

React Portfolio Project React Training for Beginners

  • Development
  • May 03, 2025
SynopsisReact Portfolio Project – React Training for Beginners,...
React Portfolio Project Training for Beginners  No.1

React Portfolio Project – React Training for Beginners, available at $44.99, has an average rating of 3.75, with 45 lectures, based on 52 reviews, and has 304 subscribers.

You will learn about Build React Portfolio Project Write high quality code Create reusable hooks and components React Training with real React and React context usage This course is ideal for individuals who are This course is for you if you want to develop real project from beginning to the end or This course is for everyone who is interested in learning react hooks or This course is for you if you want to improve you knowledge of React and hooks It is particularly useful for This course is for you if you want to develop real project from beginning to the end or This course is for everyone who is interested in learning react hooks or This course is for you if you want to improve you knowledge of React and hooks.

Enroll now: React Portfolio Project – React Training for Beginners

Summary

Title: React Portfolio Project – React Training for Beginners

Price: $44.99

Average Rating: 3.75

Number of Lectures: 45

Number of Published Lectures: 44

Number of Curriculum Items: 45

Number of Published Curriculum Objects: 44

Original Price: $79.99

Quality Status: approved

Status: Live

What You Will Learn

  • Build React Portfolio Project
  • Write high quality code
  • Create reusable hooks and components
  • React Training with real React and React context usage
  • Who Should Attend

  • This course is for you if you want to develop real project from beginning to the end
  • This course is for everyone who is interested in learning react hooks
  • This course is for you if you want to improve you knowledge of React and hooks
  • Target Audiences

  • This course is for you if you want to develop real project from beginning to the end
  • This course is for everyone who is interested in learning react hooks
  • This course is for you if you want to improve you knowledge of React and hooks
  • In this course we will build a Medium clone using React and React hooks as a React portfolio project.This React training is fully focused on fast and deep dive into creation of real application with React and hooks. We will start from scratch and step by step you will get close to finished real application. You will deeply understand how to structure your application, build reusable and understandable hooks and components and split code into smaller chunks of code. We will write code together in hooks way to make it pure and avoid data complexity. 

    For each lesson you’ll get source code of the lesson, so it’s easy to see the progress and get a working app on any lesson you want. 

    What you will learn in this course:

  • Structure and configure project

  • Write high quality code with React and hooks on real project

  • Create reusable hooks and components

  • Implementing authentication

  • Understand standard react hooks

  • Understand rerendering of components using hooks

  • Write custom hooks

  • Getting data from API with hooks

  • If you are feeling like you learned React but you still still missing hooks knowledge to build your own real application this course is what you need. This course is fully focused on creating the application without getting deep into basic knowledge of React!

    Course Curriculum

    Chapter 1: Getting started

    Lecture 1: What is this section about?

    Lecture 2: Why hooks?

    Lecture 3: Project architecture

    Lecture 4: Bootstrapping project

    Lecture 5: Prettier

    Lecture 6: Setting up local API

    Chapter 2: Creating basic components

    Lecture 1: Installing router

    Lecture 2: Adding topbar

    Lecture 3: Rendering login page

    Lecture 4: Use state hook

    Lecture 5: Use state hook for login page

    Chapter 3: Introducing useEffect & improving authentication

    Lecture 1: Use ref

    Lecture 2: Use effect

    Lecture 3: Making fetch inside effect

    Lecture 4: Use fetch hook

    Lecture 5: Creating use fetch hook

    Lecture 6: Register page

    Lecture 7: Saving user token

    Lecture 8: Localstorage custom hook

    Lecture 9: Exhaustive deps

    Lecture 10: Current user context

    Lecture 11: Validation errors

    Lecture 12: Fetching current user

    Lecture 13: Use callback hook

    Chapter 4: Creating feed

    Lecture 1: Improving topbar

    Lecture 2: Creating feed

    Lecture 3: Implementing pagination

    Lecture 4: Adding popular tags

    Lecture 5: Feed toggler

    Lecture 6: Implementing tag feed

    Lecture 7: Implementing your feed

    Chapter 5: Implementing article pages

    Lecture 1: Article page

    Lecture 2: Use reducer

    Lecture 3: Article form

    Lecture 4: Create article

    Lecture 5: Edit article

    Lecture 6: Delete article

    Chapter 6: Adding user pages

    Lecture 1: Settings page

    Lecture 2: Add to favorites

    Lecture 3: User profile page

    Lecture 4: Implementing user articles

    Lecture 5: Use effect callback

    Chapter 7: Next steps

    Lecture 1: Homework

    Lecture 2: My Bonus Lecture

    Instructors

  • React Portfolio Project Training for Beginners  No.2
    Oleksandr Kocherhin
    Professional Instructor and Web Developer
  • Rating Distribution

  • 1 stars: 4 votes
  • 2 stars: 2 votes
  • 3 stars: 3 votes
  • 4 stars: 17 votes
  • 5 stars: 26 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!