• Professional Development
  • Medicine & Nursing
  • Arts & Crafts
  • Health & Wellbeing
  • Personal Development

Course Images

Getting Started with React | Introduction to React Basics (TT4190)

Getting Started with React | Introduction to React Basics (TT4190)

  • 30 Day Money Back Guarantee
  • Completion Certificate
  • 24/7 Technical Support

Highlights

  • Delivered Online

  • 3 days

  • All levels

Description

Duration

3 Days

18 CPD hours

This course is intended for

This is an introductory level React development course for web developers.

Overview

Our engaging instructors and mentors are highly experienced practitioners who bring years of current 'on-the-job' experience into every classroom. Working in a hands-on learning environment, guided by our expert team, attendees will learn about and explore:
A basic and advanced understanding of React components
An advanced, in-depth knowledge of how React works
A complete understanding of using Redux
How to build, validate, and populate interactive forms
How to use inline styles for perfect looking components
How to test React components
How to build and use components
How to get control of your build process

Introduction to React | React Basics is a three-day hands-on course designed to get students quickly up and running with Core React skills. Geared for more experienced web developers new to React, this course provides students with the core knowledge and hands-on skills they require to build reliable, powerful React apps.Throughought the course students will explore React fundamentals with a progressive, example-driven approach. You?ll create your first apps, learn how to write components, start handling user interaction, and manage rich forms. We end the first part by exploring the inner workings of Create React App (Facebook?s tool for running React apps), and building a multi-page app that uses client-side routing.Every project in this course was built using Create React App. Create React App is based on Webpack, a tool which helps process and bundle our various JavaScript, CSS, HTML, and image files. We explore Create React App in-depth in the module ?Using Webpack with Create React App.?Students will build Single Page Applications (SPA), create robust routing with error handling, and both class and functional reusable components.The lab project will also include the use of form validation.NOTE: This is a foundational course that explores how to build your first React application. Students who want a deeper dive, withmore intermediate level topics such as Redux, REST, Unit Testing and more might consider the TT4195 Mastering React five-daysuperset of this class as an alternative.

ES6 Primer

  • Prefer const and let over var

  • Arrow functions

  • Modules

  • Object.assign()

  • Template literals

  • The spread operator and Rest parameters

  • Enhanced object literals

  • Default arguments

  • Destructuring assignments

Your First React Web Application

  • Setting up your development environment

  • JavaScript ES6 /ES7

  • What?s a component?

  • Building The App

  • Making The App data-driven

  • Your app?s first interaction

JSX and the Virtual DOM

  • React Uses a Virtual DOM

  • Why Not Modify the Actual DOM?

  • What is a Virtual DOM?

  • Virtual DOM Pieces

  • ReactElement

  • JSX

About The Provider

Nexus Human, established over 20 years ago, stands as a pillar of excellence in the realm of IT and Business Skills Training and education in Ireland and the UK....

Read more about Nexus Human

Tags

Reviews