About This Course

After being open-sourced in 2013, React has quickly grown into the most popular JavaScript library in use today. Now is the perfect time to familiarize yourself with this burgeoning front-end technology. This course is intended for developer teams of all experience levels who want to learn React, including the fundamentals, principles, and capabilities of the library.

The Introduction to React training course teaches existing Javascript developers how to successfully adopt the React.js library. The course begins with a quick review of the necessary JavaScript concepts required to work with React. Once the JS review is completed, the React learning begins 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 in React applications and React development.

Request More Info About This Course
Reactjs

Course Category

Duration

This is a three-day, hands-on course.

Skill Level

What Happy Developers Say

The instructor did a good job of adjusting content to meet different skill levels.
Developer, Intuit
The instructor was very knowledgeable, making it easy to ask questions and provided good conversation about the topic at hand.
Web Developer, DELL
The instructor demonstrated strong broad knowledge as well as technical in-depth when appropriate
Engineer, Starbucks
I liked that we could determine what to learn, no time was wasted.
Javascript Developer, RetailMeNot
I had trouble understanding a certain concept, and told the instructor that I just didn't get it. While the class was busy with an exercise, he sat down with me, gave me material to read, and made sure I understood it before I moved on. I really appreciated that.
JavaScript Developer, PayPal
The instructor has a great attitude and pacing. Amazing how much he knows about JS!
Junior JavaScript Developer, Macy's

Purpose

  • Understand what React is and its advantages/disadvantages.
  • Explore the basic architecture of a React component.
  • Gain a deep knowledge of React.js components and JSX.
  • Learn React.js best practices.

Audience

Front-End developers experienced with basic JavaScript.

Course Outline

  • 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 Lifecycle
    • Props and State
    • Virtual DOM
    • Events
    • Compositions
    • Reusable Components
  • Forms
    • Controlled Components
    • Uncontrolled Components
  • React Best Practices
  • Q/A
Request More Info About This Course

Instructors Who Teach This Course

Pete

Pete

Pete has been doing professional software development since 2001. His experience includes the full spectrum of businesses from large Fortune-500 Enterprises through growing mid-sized companies, down to brand new startups with a handful of founders. He has developed web-based business applications of many flavors, enterprise data center management software, social media applications, industrial ... read more

Kamren

Kamren

Kamren has a love of all things front-end and has enjoyed bringing his 10+ years of web development experience into each class he teaches. Recently Kamren has been working with a leading insurance company as a senior developer of front-end architecture and mobile web application design. He was instrumental in shaping their front-end development team and leading the company into single page appl... read more

Peter

Peter

Peter is a Senior Java Developer / Architect / Manager with over 20 years of experience in the analysis, design, and development of computer systems, including 20 years of experience architecting and delivering web-based IT solutions. Peter manages and leads an experienced team of Java and object-oriented programming specialists that provide a wide range of technical services. Peter founded Jav... read more

Eric

Eric

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 trai... read more

Azat

Azat

Azat is a Technology Fellow, Manager at Capital One, and a JavaScript/Node.js expert with several online courses on Udemy and Node University, and 12 books published on the topic, including top-sellers React Quickly (Manning, 2016), Full Stack JavaScript (Apress, 2015), Practical Node.js (Apress, 2014) and Pro Express.js (Apress, 2014). In his spare time, Azat writes about tech on Webapplog.co... read more

Craig

Craig

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 f... read more

Learn More About This Course

Who Takes This Training?