By Oleksandr Kocherhin, Web developer with 12 years of experience

React Hooks - Building Real Project From Scratch

Language: English
All Levels

Course description

In this course we will build a Medium clone using React and React hooks. This course 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: 1. Structure and configure project 2. Write high quality code with React and hooks on real project 3. Create reusable hooks and components 4. Implementing authentication 5. Understand standard react hooks 6. Understand rerendering of components using hooks 7. Write custom hooks 8. 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!

Related Skills

Course overview - 43

  • Introduction

  • Why hooks?

  • Project architecture

  • Bootstrapping project

  • Prettier

  • Installing router

  • Adding top bar

  • Rendering login page

  • Use state hook

  • Using state hook for login page

  • Use ref

  • Use effect

  • Making fetch inside effect

  • Use fetch hook

  • Creating use fetch hook

  • Register page

  • Saving user token

  • Local storage custom hook

  • Exhaustive deps

  • Current user context

  • Validation errors

  • Fetching current user

  • Use callback hook

  • Improving topbar

  • Creating feed

  • Implementing pagination

  • Popular tags

  • Feed toggler

  • Implementing tag feed

  • Implementing your feed

  • Article page

  • Use reducer

  • Article form

  • Create article

  • Edit article

  • Delete article

  • Settings page

  • Add to favorites

  • User profile page

  • Implementing user articles

  • Use effect callback

  • Setting-up-own-backend-api

  • Homework

Learners who have already enrolled in this course

Meet your instructor

Oleksandr Kocherhin
Oleksandr KocherhinWeb developer with 12 years of experience