Movatterモバイル変換


[0]ホーム

URL:


Packt
Search iconClose icon
Search icon CANCEL
Subscription
0
Cart icon
Your Cart(0 item)
Close icon
You have no products in your basket yet
Save more on your purchases!discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Profile icon
Account
Close icon

Change country

Modal Close icon
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timerSALE ENDS IN
0Days
:
00Hours
:
00Minutes
:
00Seconds
Home> Web Development> Front End Web Development> ReactJS - The Beginner Masterclass
ReactJS - The Beginner Masterclass
ReactJS - The Beginner Masterclass

ReactJS - The Beginner Masterclass: Explore ReactJS from Basics to Advanced with Hooks, State Management, and Dynamic UIs

Arrow left icon
Profile Icon Paulo Dichone
Arrow right icon
€90.99
Full star iconFull star iconEmpty star iconEmpty star iconEmpty star icon2(1 Ratings)
VideoJul 20248hrs 4mins1st Edition
Video
€90.99
Subscription
Free Trial
Renews at €18.99p/m
Arrow left icon
Profile Icon Paulo Dichone
Arrow right icon
€90.99
Full star iconFull star iconEmpty star iconEmpty star iconEmpty star icon2(1 Ratings)
VideoJul 20248hrs 4mins1st Edition
Video
€90.99
Subscription
Free Trial
Renews at €18.99p/m
Video
€90.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature iconDRM FREE - Read whenever, wherever and however you want
OR

Contact Details

Modal Close icon
Payment Processing...
tickCompleted

Billing Address

Table of content iconView table of contentsDownload code iconDownload Code

Key benefits

  • Comprehensive ReactJS coverage from basics to advanced concepts
  • Hands-on projects including building a BookSearch app
  • Detailed exploration of hooks, state management, and dynamic UIs

Description

Dive into the world of ReactJS with this course designed to take you from the fundamentals to advanced concepts. You'll start with an introduction to React, building your first simple app, and understanding the differences between traditional web apps and single-page applications (SPAs). By the end of the first section, you'll be equipped with the foundational knowledge of why React is a game-changer in web development.As you progress, you'll delve deeper into setting up your development environment, creating React components, and understanding JSX. You'll learn about props, one-way data flow, and the key prop, all while building and refining components. The course includes various hands-on projects like a book list and a random quote app, providing you with practical experience in managing state and using hooks like useState and useEffect. You'll explore state management, styling components, and handling form interactions to build dynamic and responsive user interfaces.In the final sections of the course, you'll link your React apps to backend APIs to manage data effectively. You'll build a BookSearch app, utilizing custom hooks, managing states, and handling API responses. You'll also learn to deploy your React apps on Vercel and automate deployments using GitHub.

Who is this book for?

This course is ideal for aspiring web developers, front-end developers, and programmers with a basic understanding of HTML, CSS, and JavaScript. No prior experience with ReactJS is required.

What you will learn

  • Build and structure React applications from scratch
  • Implement hooks and manage state effectively
  • Style components and handle form interactions
  • Connect React apps to backend APIs
  • Deploy React applications using modern tools

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date :Jul 11, 2024
Length:8hrs 4mins
Edition :1st
Language :English
ISBN-13 :9781836641551
Languages :
Tools :

What do you get with a video?

Product feature icon Download this video in MP4 format
Product feature icon Access this title in our online reader with advanced features
Product feature iconDRM FREE - Read whenever, wherever and however you want
OR

Contact Details

Modal Close icon
Payment Processing...
tickCompleted

Billing Address

Product Details

Publication date :Jul 11, 2024
Length:8hrs 4mins
Edition :1st
Language :English
ISBN-13 :9781836641551
Category :
Languages :
Concepts :
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99billed monthly
Feature tick iconUnlimited access to Packt's library of 7,000+ practical books and videos
Feature tick iconConstantly refreshed with 50+ new titles a month
Feature tick iconExclusive Early access to books as they're written
Feature tick iconSolve problems while you work with advanced search and reference features
Feature tick iconOffline reading on the mobile app
Feature tick iconSimple pricing, no contract
€189.99billed annually
Feature tick iconUnlimited access to Packt's library of 7,000+ practical books and videos
Feature tick iconConstantly refreshed with 50+ new titles a month
Feature tick iconExclusive Early access to books as they're written
Feature tick iconSolve problems while you work with advanced search and reference features
Feature tick iconOffline reading on the mobile app
Feature tick iconChoose a DRM-free eBook or Video every month to keep
Feature tick iconPLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick iconExclusive print discounts
€264.99billed in 18 months
Feature tick iconUnlimited access to Packt's library of 7,000+ practical books and videos
Feature tick iconConstantly refreshed with 50+ new titles a month
Feature tick iconExclusive Early access to books as they're written
Feature tick iconSolve problems while you work with advanced search and reference features
Feature tick iconOffline reading on the mobile app
Feature tick iconChoose a DRM-free eBook or Video every month to keep
Feature tick iconPLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick iconExclusive print discounts

Frequently bought together


ReactJS - The Beginner Masterclass
ReactJS - The Beginner Masterclass
Read more
Jul 20248hrs 4mins
Full star icon2 (1)
Video
Video
€90.99
React and React Native
React and React Native
Read more
May 2022606 pages
Full star icon4.6 (17)
eBook
eBook
€26.98€29.99
€37.99
React 18 Design Patterns and Best Practices
React 18 Design Patterns and Best Practices
Read more
Jul 2023524 pages
Full star icon4.5 (19)
eBook
eBook
€23.99€26.99
€33.99
Stars icon
Total162.97
ReactJS - The Beginner Masterclass
€90.99
React and React Native
€37.99
React 18 Design Patterns and Best Practices
€33.99
Total162.97Stars icon

Table of Contents

8 Chapters
IntroductionChevron down iconChevron up icon
Lesson 1 - Introduction and Course Prerequisites
Lesson 2 - Build a Simple React App - Fast
Lesson 3 - Finalizing the Random Dog App
React FundamentalsChevron down iconChevron up icon
Lesson 1 - Understanding Old vs New Way of Building Web Apps - SPAs
Lesson 2 - Motivation for Using React as the Solution to Vanilla JS
Lesson 3 - What is ReactJS - How it Works
Lesson 4 - Setup Dev Environment - VS Code-Chrome Browser & Install Nodejs
Lesson 5 - Installing Important Extensions - VS Code
Lesson 6 - Create and Run a React Project with Vite - Full Overview
Lesson 7 - React Project File and Folder Walkthrough
Lesson 8 - Create our First Component in React
Lesson 9 - JSX and How React Treats the DOM - Overview
Lesson 10 - Babeljs - JSX Compiled to JavaScript
Lesson 11 - Understanding the Main Files - app-main and index
Lesson 12 - Writing JavaScript Inside of JSX Code - Book Component
Lesson 13 - Introduction to Props - Refactor Book Component to Use Props
Lesson 14 - Adding an Array of Books & Pulling Data from that Array - Manually
Lesson 15 - Using the Map Function to Loop Through a List of Books and Show Them
Lesson 16 - Understanding the React Key Prop
Lesson 17 - Props and One-Way Data Flow - Overview
Lesson 18 - Destructuring Props
Lesson 19 - Section Summary - React Basics and Introduction
Lesson 20 - UserProfile Card Challenge and Solution
React State and StylingChevron down iconChevron up icon
Lesson 1 - Introduction to State Management, Forms and Interactivity in React
Lesson 2 - Restructuring the Project - Create a Components Folder and Add Book and UserProfile Components into Separate Files
Lesson 3 - Pulling Book Data from a Different Data File
Lesson 4 - Introduction to State in React - The Wrong Way to Change State
Lesson 5 - Using React Hook useState to Fix the State Management Issue
Lesson 6 - Overview of How State Works in React
Lesson 7 - Random Quote App - Setup
Lesson 8 - RandoQuote App - Thorough Setup - Final Product
Lesson 9 - How State Works in React - Review
Lesson 10 - Styling our Components - Overview of CSS Files in our Project
Lesson 11 - Installing Bootstrap and Using it in Quotes App
Lesson 12 - Adding Another Piece of State - Random Color
Lesson 13 - Lifting State Up - React Pattern Overview
Lesson 14 - Lifting State Up - Hands-On - RandomQuote
Lesson 15 - Lift State Up - Hands-On - Simple Counter
Forms and Interactivity - Grocery List AppChevron down iconChevron up icon
Lesson 1 - Forms
Lesson 2 - Setup a Simple Form and Input
Lesson 3 - Form and preventDefault Method
Lesson 4 - Form - Controlled Elements
Lesson 5 - Adding Form Input Data into a State List and Show the List Items on Page
Lesson 6 - Multi-Input Form Setup - Hands-On
Lesson 7 - Setting Up Multi-Form Input Data and the handleChange Event Handler
Lesson 8 - OnHandle Submit - Add Simple Validation and Show the Card with Person Data
Lesson 9 - Hands-On: What We'll Be Building - GroceryList App - Demo
Lesson 10 - Hands-On - GroceryList Component - Adding Fake Data and Showing a List
Lesson 11 - Creating the Footer and Nav Components
Lesson 12 - Styling the GroceryList Item
Lesson 13 - Add Grocery Form
Lesson 14 - Fixing Clear Form Issues
Lesson 15 - Adding Bootstrap Icon
Lesson 16 - Passing the toggleBought as a Prop - Part 1
Lesson 17 - Implementing the Toggling - Testing in the Console - It Works
Lesson 18 - Changing the Circle Color and Item Text When Clicked - Strikethrough
Lesson 19 - Adding the handleRemoveItem Prop and Function to Remove an Item
Lesson 20 - Adding Stats in the Footer Component
Lesson 21 - Form - Section Summary
Connecting to the Backend - Consuming APIs - UseEffect HookChevron down iconChevron up icon
Lesson 1 - Connecting to the Back End - Understanding Side Effects, Hooks and useEffect - Overview
Lesson 2 - Fetching Data from a Server the Wrong Way
Lesson 3 - Fetching Data from the Backend the Right Way with useEffect Hook
Lesson 4 - Setting Up Loading State
Lesson 5 - Use Dependency Array and Adding Values that Control Side Effects - Hands-On
Build a BookSearch AppChevron down iconChevron up icon
Introduction to Forms in React - Overview
Lesson 2 - Setup NavBar Component
Lesson 3 - Create Footer Component
Lesson 4 - Pulling in Books from API
Lesson 5 - Setup the URL Search Query
Lesson 6 - Setup SearchBar and Props
Lesson 7 - Making Sure The SearchTerm is Updating Correctly - Debugging
Lesson 8 - Showing Books on Screen
Lesson 9 - Adding Loading State
Lesson 10 - Clearing the Search Form
Lesson 11 - Setup the api-client File and Implementing fetchBooks
Lesson 12 - Custom Hooks and Creating a Custom Hook - useBooks
Lesson 13 - Adding the AbortController Interface
Lesson 14 - Book Detail Component - Part 1
Lesson 15 - Conditional Rendering with && - Testing SelectedBook
Lesson 16 - Show Book Details in a Modal - Working
Lesson 17 - Handling Missing Books API Missing Fields
DeploymentChevron down iconChevron up icon
Lesson 1 - Build and Setup Vercel and Deploy the App
Lesson 2 - Connecting to GitHub Repo and Automate Deployment
Lesson 3 - Bookshelf App and Section Summary
Wrap UpChevron down iconChevron up icon
Course Wrap Up

Recommendations for you

Left arrow icon
Full-Stack Flask and React
Full-Stack Flask and React
Read more
Oct 2023408 pages
Full star icon3.8 (5)
eBook
eBook
€20.99€23.99
€29.99
C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals
C# 13 and .NET 9 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2024828 pages
Full star icon4.4 (5)
eBook
eBook
€26.98€29.99
€37.99
Real-World Web Development with .NET 9
Real-World Web Development with .NET 9
Read more
Dec 2024578 pages
Full star icon3.5 (4)
eBook
eBook
€26.98€29.99
€37.99
Django 5 By Example
Django 5 By Example
Read more
Apr 2024820 pages
Full star icon4.6 (40)
eBook
eBook
€26.98€29.99
€37.99
React and React Native
React and React Native
Read more
Apr 2024518 pages
Full star icon4.3 (10)
eBook
eBook
€23.99€26.99
€32.99
Scalable Application Development with NestJS
Scalable Application Development with NestJS
Read more
Jan 2025612 pages
Full star icon4.5 (6)
eBook
eBook
€20.99€23.99
€29.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023828 pages
Full star icon4.4 (74)
eBook
eBook
€31.99€35.99
€44.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022504 pages
Full star icon4.5 (57)
eBook
eBook
€23.99€26.99
€33.99
Modern Full-Stack React Projects
Modern Full-Stack React Projects
Read more
Jun 2024506 pages
Full star icon4.8 (9)
eBook
eBook
€23.99€26.99
€33.99
Learning Angular
Learning Angular
Read more
Jan 2025494 pages
Full star icon4 (6)
eBook
eBook
€23.99€26.99
€33.99
Right arrow icon

Customer reviews

Rating distribution
Full star iconFull star iconEmpty star iconEmpty star iconEmpty star icon2
(1 Ratings)
5 star0%
4 star0%
3 star0%
2 star100%
1 star0%
hakanJul 05, 2025
Full star iconFull star iconEmpty star iconEmpty star iconEmpty star icon2
why did you scale the content so much ? it doesn't help. it makes following content more difficult. use normal scaling and don't touch it. coming to end and I decided to make it 2 stars. scaling f.ed the tutorial. I can't follow it.
Subscriber reviewPackt

About the author

Profile icon Paulo Dichone
Paulo Dichone
Paulo Dichone is a software engineer and educator specializing in Android, Java, Flutter, and AWS Cloud technologies. With a degree in Computer Science from Whitworth University and extensive industry experience, he has taught over 280,000 students in 175 countries. Paulo is the founder of “Build Apps with Paulo,” a learning platform dedicated to delivering practical, career-focused training in software development and cloud computing. His areas of expertise include mobile and cross-platform app development, as well as scalable cloud-based solutions. Committed to helping learners succeed at all levels, Paulo designs his courses to prepare students for real-world challenges.
Read more
See other products by Paulo Dichone
Getfree access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How can I download a video package for offline viewing?Chevron down iconChevron up icon
  1. Login to your account at Packtpub.com.
  2. Click on "My Account" and then click on the "My Videos" tab to access your videos.
  3. Click on the "Download Now" link to start your video download.
How can I extract my video file?Chevron down iconChevron up icon

All modern operating systems ship with ZIP file extraction built in. If you'd prefer to use a dedicated compression application, we've tested WinRAR / 7-Zip for Windows, Zipeg / iZip / UnRarX for Mac and 7-Zip / PeaZip for Linux. These applications support all extension files.

How can I get help and support around my video package?Chevron down iconChevron up icon

If your video course doesn't give you what you were expecting, either because of functionality problems or because the content isn't up to scratch, please mail customercare@packt.com with details of the problem. In addition, so that we can best provide the support you need, please include the following information for our support team.

  1. Video
  2. Format watched (HTML, MP4, streaming)
  3. Chapter or section that issue relates to (if relevant)
  4. System being played on
  5. Browser used (if relevant)
  6. Details of support
Why can’t I download my video package?Chevron down iconChevron up icon

In the even that you are having issues downloading your video package then please follow these instructions:

  1. Disable all your browser plugins and extensions: Some security and download manager extensions can cause issues during the download.
  2. Download the video course using a different browser: We've tested downloads operate correctly in current versions of Chrome, Firefox, Internet Explorer, and Safari.

[8]ページ先頭

©2009-2025 Movatter.jp