Learning React [Video]

By Lasha Krikheli
    Advance your knowledge in tech with a Packt subscription

  • Instant online access to over 7,500+ books and videos
  • Constantly updated with 100+ new titles each month
  • Breadth and depth in over 1,000+ technologies

About this video

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.

The Github repo for this course is:  https://github.com/PacktPublishing/Learning-React

Style and Approach

We start from scratch, learning about what React is and how it’s different from traditional JavaScript development via the DOM. Lessons start with simple one-off components to demonstrate and practice using the concepts and features of React. We then move on to combining and nesting multiple components on a single page, and sharing data between components. Once we’re able to manipulate sample datasets, we'll start pulling in data from third-party APIs and then add URL routing to create a dynamic multi-page application. These will reflect real-world scenarios. Our goal is to gradually build our confidence and knowledge in working with a React application environment

Publication date:
April 2019
2 hours 33 minutes

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 - http://www.lashakrikheli.com/

    Browse publications by this author
Learning React [Video]
Unlock this video and the full library for FREE
Start free trial