Introduction to React

The Introduction to React training course teaches existing Javascript developers how to successfully adopt the React.js user interface library.

The React.js training course begins with a quick review of the necessary JavaScript concepts required to work with React. Once the JS review is completed, the course moves into the examination of React by first looking at the motivations of using React compared to other popular JavaScript frameworks. With the foundation laid, the remaining portion of the course, explores the key concepts, components, architectures, and syntax used with React development.

The primary focus of the Introduction to React course is React components and JSX.

Course Summary

Learn to use the React.js library and JSX.
Front-End Developers experienced with basic JavaScript
Skill Level: 
Learning Style: 

Hands-on training is customized, instructor-led training with an in-depth presentation of a technology and its concepts, featuring such topics as Java, OOAD, and Open Source.

Hands On help
3 Days
Productivity Objectives: 
  • Understand what React is and what problem it solves.
  • Explore the basic architecture of a React component.
  • Gain a deep knowledge of React.js components and JSX.
  • Learn React.js best practices.
Introduction to React is part of the JavaScript Training curriculum.

What You'll Learn

In the Introduction to React training course you’ll learn:

  • JavaScript Review
    • Variables and functions
    • Objects, Prototypes, and inheritance
    • Events and event handlers
  • Introduction to React
    • React.js

      • What is it?

      • What problem does it solve?

    • Development Eco-System

    • React versus other frameworks
  • Key React components
    • Editor and Web Server

    • Browser Development Tools

    • Components
    • Virtual DOM
    • Dataflow
    • JSX
  • Your First React UI
    • Understanding the components
    • Building a Hello World Component

  • JSX

    • What is JSX?

    • Using JSX

    • Using React with JSX

    • Using React without JSX

    • Precompiled JSX with Babel

  • Working with Components

    • Component Life-Cycle

    • Properties and State

    • Virtual DOM

    • Events

    • Compositions

    • Reusable Components

  • Forms

    • Controlled Components

    • Uncontrolled Components

  • React Best Practices
  • Q/A

Meet Your Instructor


Eve has been focused on web and curriculum development since college, where she studied user interface design and usability. Since then, she has consulted as a project manager and coder to deliver interactive web applications, from e-Learning portals to mobile apps.

Well-versed in HTML5, CSS3 and other front-end technologies, Eve has lent her interface and training skills to the redesign of the Partner Portal for Microsoft, and to the roll-out of a new call center application for 1-800-...

Meet Eve »
Alex banks

Alex began writing code as an eight year old on his first computer, a Tandy TRS-80. In 1995, Alex developed his first website and has been hooked ever since. He went on to study Computer Science at Georgetown University, followed by working as a government consultant and classroom instructor in the Washington, D.C.-area.

Alex has spent his entire career developing web applications that work in the browser, and teaching web development technologies. He has developed several large-...

Meet Alex »
Eric Photo

Eric is a professional trainer and software developer who loves learning new things, sharing what he learns, and helping clients to solve business problems. He holds a BS in Computer Science from the Virginia Military Institute, and numerous software certifications to include the Microsoft Certified Professional Developer certification.Eric has extensive experience providing customized training and software development services for companies around the world for almost 18 years. He provides those services both on-...

Meet Eric »
Peter pic

In an increasingly web-driven world, Peter believes that the way the web is evolving is important.

A frequent speaker at tech meetups, he has spoken on topics such as Node.js, the HTML5 Audio API, WebRTC and Web Components. He started a Meetup group for participants to discuss new and upcoming web technologies, and recently wrote and taught a series of workshops on JavaScript and related web technologies.

Having started programming at age 10, Peter started a technology-led...

Meet Peter »
Craig Photo

Craig recently released the book, The JavaScript Framework Guide: AngularJS, Backbone, and Ember. Craig has been a guest on the Hanselminutes and JavaScript Jabber podcasts. He’s an avid blogger, and several of his articles have been published in Peter Cooper’s poplular “JavaScript Weekly” newsletter. He also has his own podcast, “The Front-End Developer’s Cast”.

Craig has been a developer for over 15 years at startups, enterprises, and as a consultant. During...

Meet Craig »
Jason pic

Jason is a 15-year software engineering veteran with experience in front and back end technologies. Jason got started with Adobe solutions on the server, later moving into .NET development and brief stints working with both Flex and Silverlight.

After spending nearly 10 years working heavily on the back end, Jason ventured into the front end/single page application space. He’s worked with libraries and frameworks such as Sencha, Backbone, and JavaScriptMVC. In 2012 he moved into the world of AngularJS and...

Meet Jason »
Photo of Instructor

Elias Carlston has 20 years’ experience as a software engineer, from lean startups to large enterprises. Having great mentors early on showed Elias the value of sharing knowledge, and he enthusiastically embraces the opportunity to give back to the community through teaching.

Beginning his career as a data analyst for a large non-profit clinic, he soon became a full stack developer. First, at healthcare cloud services provider athenahealth, and later with car sharing pioneer Zipcar, he learned techniques...

Meet Elias »

Contact us to learn more

Not all training courses are created equal. Let the customization process begin! We'll work with you to design a custom Introduction to React training course that meets your specific needs.

DevelopIntelligence has been in the technical/software development learning and training industry for nearly 20 years. We’ve provided learning solutions to more than 48,000 engineers, across 220 organizations worldwide.

About Develop Intelligence
Di Clients


Need help finding the right learning solution?   Call us: 877-629-5631