Learn by Example: ReactJS

A step-by-step guide to component-driven development using React.

Purchase Options
TypePriceDiscountsQty
Individual Course
New
$19.99
/ Each
N/A

A step-by-step guide to component-driven development using React.

About this course:

Learn ReactJS by example: from basic building blocks to animations and routing using React add-ons.Re-imagines the web user interface: React is not a framework, it is a library focused on building web UI which is compact, robust, maintainable and reactive to user and server updates.Breaking complex UI down into granular, reusable components: Each component in React is self-sufficient and knows how to handle its own state and behavior. Components come together in the form of a tree hierarchy to build complex components with many moving parts. In this course, we will learn by example. Each example is self-contained, has its source code attached, and gets across a specific React use-case. Each example is simple by itself, but they come together as building blocks to build complex use cases. Installing and setting up a basic development web server with React, JSX for HTML specification and the Babel compiler. React basics: React nodes, fragments and components, performance optimizations using the virtual DOM, the Babel compiler for JSX transformation, passing data to components using state and props, the spread operator, synthetic events. React in-depth: The React component lifecycle, the component mounting, updating and unmounting phases, mixins, ES6 classes to specify React components, controlled components, forms and validation, accessing native DOM elements, the React context, DOM reconciliation. React in production environments:  npm, Webpack, Babel 6 and JSX to build React code in a production environment, animations using transition groups and CSS transition groups, single page applications and routing

The average Javascript Developer salary is $110,507 per year.

Course Objectives:

After completing this course, students will be able to:

  • Decompose complex UI into simple and reusable components using React and JSX.
  • Customize components using React lifecycle methods.
  • Work with React plugins for animations and routing.
  • Use props and state in the right way with components.
  • Use mixins, ES6 classes, the React context and other advanced features.
  • Use React in a production environment.

Audience:

Any web programmer looking to harness the power of component driven development using React.

Prerequisites:

Basic understanding of HTML and CSS. Basic programming in Javascript.

Suggested prerequisites courses:

 Career path:

App Development…

More Information
BrandJavaScript
Lab AccessNo
TechnologyAIX/UNIX
Learning StyleSelf-Paced Learning
DifficultyIntermediate
Course Duration8 Hours
LanguageEnglish
VPA EligibleVPA Eligible
Write Your Own Review
Only registered users can write reviews. Please Sign in or create an account
Why QuickStart

Turn Training Into A Personalized Learning Experience


  • Project Problem Solving through ExpertConnect & Peer-To-Peer Learning
  • Career Paths - Find The Quickest Path To What You Need To Learn
  • One Subscription, All Access - Take Multiple Courses & Become An Expert
  • Manage Your Organization Through Learner & Manager Analytics
  • Virtual Instructor-Led Training Supplemented With Self-Paced Learning
  • Integrate With Your LMS Through API's

Concierge

Sales (866) 991-3924

Mon-Fri. 8am-6pm CST

Concierge

Chat Live With Us

Mon-Fri. 8am-6pm CST

Concierge

Ask A Learning Concierge