Learning React

Learning React

by Lasha Krikheli
Released April 2019
Publisher(s): Packt Publishing
ISBN: 9781789612684

Watch it now on the O’Reilly learning platform with a 10-day free trial.

O’Reilly members get unlimited access to books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Video description

Want to make the process of building modular, reusable user interface components simple and intuitive? React.js is the answer, with its Learn Once, Write Anywhere approach. This course will help you understand the power behind this approach and build beautiful, modern, and modularized UIs with React’s latest version.

This course will cover all of the React.js basics such as its API, which will help you create elements and components; the virtual DOM and the JSX syntax extension; using state; working with browser events; and component lifecycle methods. You will build an application from scratch throughout the course and use the knowledge you've gained in a practical way. You will also learn to update various elements of a site or application seamlessly without delay, without disrupting the rest of the display or requiring the user to refresh. Also, get introduced to the new concept of hooks.. Finally, you will work with a server API to persist data using local storage.?(Note that we use Node.js 10.13.0 for this course, which will run successfully with the React features we cover.)

By the end of the course, you will be fully capable of using ReactJ.js tools to build several UI elements, making them reactive to user input, and extending your knowledge of DOM manipulation to customize your own UIs in the future.

What You Will Learn

  • Build interactive and responsive components.
  • Build multi-page web apps with URL routing.
  • Use third-party APIs, Libraries, and React components to boost productivity.
  • Master different ways to quickly prototype and experiment in React.
  • Manage the state of components and web apps.
  • Use React dev tools to help debug and optimize your code during development.
  • Deploy React apps to production.

Audience

If you are a web developer, JavaScript developers and want to learn and build front-end of your web applications with modernized UI, then this is the course you need!Web Developers and Programmers who want to learn React.js by taking an engaging, step-by-step approach, will benefit from this course.

About The Author

Lasha Krikheli: Lasha Krikheli is a software engineer and educator. For the past 6 years, he has taught classes on topics including HTML & CSS, Responsive Web Design, JavaScript, WordPress, and PHP & MySQL. Lasha has worked with startups, agencies, and high profile clients for over 12 years, building interactive web sites and web apps. He is passionate about Accessibility, User Experience, and problem solving through design.

LinkedIn Profile - https://www.linkedin.com/in/lasha/

Website -

Table of contents

  1. Chapter 1 : Introduction to the World of React
    1. The Course Overview
    2. Thinking in React
    3. Start Using React Right away
    4. Local React Dev Environment Setup with create-react-app
    5. Building Our First Custom React Component
    6. Using State and Conditional Rendering in JSX
    7. Using React Dev Tools to Help Build and Debug Our Apps
  2. Chapter 2 : Dive into Interactive React Apps
    1. Handle Mouse, Keyboard, Form, and Browser Events
    2. Basic Form Validation
    3. Create a Shopping List Component
    4. Persist Shopping List State with Local Storage
  3. Chapter 3 : Modular React Components and Shared State
    1. Overview:Mini Address Book App
    2. Use Stateful and Stateless Components to Build UIs
    3. Pass Props Down to Nested Components
    4. Update Parent Component State from a Child Component
    5. Persist Address Book State with Local Storage
    6. Intro to Hooks
    7. Implement the useState and useEffect
  4. Chapter 4 : Multi-Page React Apps with React Router
    1. Overview: Multi-Page React App
    2. React Router 5 Setup and Configuration
    3. Handle Dynamic URL Values, and Error State
    4. Convert Render Props into Components
    5. Conditionally Render Components, Redirects
  5. Chapter 5 : Fetch Data from Third-Party APIs
    1. Overview: React App + Star Wars API
    2. Fetch DATA from swapi.co
    3. Extract Logic into Separate Components
    4. Fetch Data Based on URL/Route
    5. Persist API Data in Local Storage
  6. Chapter 6 : Prepare and Deploy React Apps to Production
    1. Build React App to Optimize for Production
    2. Deploy to Netlify: Drag and Drop
    3. Deploy to Netlify: Command Line
    4. Deploy to Netlify: Continuous Deployment
    5. What’s Next? Eject from CRA, More Hosting Options

Product information

  • Title: Learning React
  • Author(s): Lasha Krikheli
  • Release date: April 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781789612684