Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development React

React practice course. Build React app from scratch.

Learn React doing a real project with Storybook and unit tests.
Rating: 4.7 out of 54.7 (31 ratings)
8,103 students
Created by Maksym Rudnyi
Last updated 10/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • How to create React application
  • Developing independent components with Storybook
  • React hooks: default and custom
  • Creating unit tests for components and hooks

Course content

6 sections • 45 lectures • 4h 30m total length

  • Preview04:44
  • Preview03:28

  • Installing ReactJS
    02:54
  • Setting up React development app environment
    05:00
  • Configuring Git and GitHub
    02:38
  • React AutoComplete installation
    04:19
  • Fetching data with REST from Wikipedia
    10:57
  • useSearch custom hook with Axios
    07:44
  • Cancelling Axios calls
    09:29
  • useDebounce custom hook
    07:06
  • Custom Input component
    09:33
  • useSearchForm custom hook
    07:26
  • useCallback hook
    02:21
  • React render props pattern
    08:42
  • Configuring SCSS
    03:13
  • Routing with react-router-dom
    04:40
  • Adding app pages
    05:25
  • Home page
    09:26
  • Search page
    10:17

  • Installing Storybook
    02:13
  • Storybook configuration
    02:57
  • Fixing possible issues with Storybook
    02:12
  • Storybook interface overview
    06:12
  • The first story with Storybook
    02:44
  • ListItem story
    08:23
  • Search result page story
    04:39
  • Installing moxios to configure mocks
    06:25
  • Storybook documentation with mdx
    04:33

  • Unit tests intro with Jest
    01:56
  • Unit tests convention
    05:50
  • Input component unit test
    06:52
  • Enzyme installation
    08:20
  • Coverage reporting
    08:27
  • Autocomplete unit tests
    13:13
  • Container component unit test
    12:16
  • useSearchForm hook unit test
    07:00
  • useDebounce hook unit test
    07:22
  • useSearch hook unit test
    11:50
  • App unit test
    07:43
  • Unit tests summary
    04:28

  • Preview03:40
  • React DefaultProps
    03:09

  • Installing NodeJS on Windows
    04:51
  • Installing Yarn on Windows
    03:11
  • Bonus: More Content!
    00:20

Requirements

  • JavaScript + HTML + CSS fundamentals are absolutely required
  • Basic React knowledge
  • ES6+ JavaScript knowledge at beginning level

Description

React is the most popular Javascript library of the last five years, and the job market is still hotter than ever. Companies large and small can't hire engineers who understand React fast enough, and salaries for engineers are at an all-time high. It's a great time to learn to React! It's a great time to do a lot of React practice!


What's this course about?

There are a huge number of React courses for beginners where authors describe the first steps. They are great for beginners. But, what to do next? How to create a real React application for customers? 


In this course, we'll do React practice. We'll deliver a high-quality product with unit tests (UT) and Storybook stories for all major components. These practices are "must-have" for developers.


Who's teaching you in this course?

Senior Software Engineer with more than 8 years of production experience in Web Development. Experienced both in frontend and backend technologies.


For the last 2+ years, I've been working with React. Created a lot of different projects and have a huge experience. The practice is the most important in programming and I want to share it with you.


What's inside the course?

  • We'll create a simple React application with 3 different pages: Home page, Search page, and Not found page. React Router is the best choice!

  • It will be a copy of the Google home page with fetching data from Wikipedia using its API. For fetching data we'll use Axios and for mocking this data in Storybook and UTs, we'll use Moxios.

  • React hooks are a must-have. Default hooks useState, useEffect, and others are used.

  • Custom React hooks will be created, explained, and covered with UTs.

  • Storybook is one of the best practices in development. We'll learn how to install and use it. Will create stories for the most important components.

  • Enzyme and Jest are used for unit testing. React hooks testing library is used for hooks.

  • According to the unit tests code convention, we'll get 80% of code coverage.

By the end of this course, you'll have learned how to deliver high-quality React application. How to do it fast and following best practices.

If you have any questions, please don't hesitate to contact me. I have a huge experience in development and would love to share it and help students learn something new. Sign up today and see how fast you can improve your seniority in React software development.

Who this course is for:

  • Students who want to learn how to build React application
  • Developers who want to improve their React skills
  • Students who want to learn a future-proof technologies

Instructor

Maksym Rudnyi
Online Education from Senior Software Engineer
Maksym Rudnyi
  • 4.1 Instructor Rating
  • 626 Reviews
  • 60,327 Students
  • 5 Courses

Senior Software Engineer with more than 8 years of production experience in Web Development. Experienced both in frontend and backend technologies.

I would like to share my experience with others. You can find courses in Web Development (Front-end and Back-end) and specifically JavaScript. Use this knowledge to improve yourself as a professional developer.

Keep learning!

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.