Exceptional training for front end developers

Typescript with React & Redux Training Course

Make your React apps more stable, readable and manageable

NEXT COURSE
30 Sep London
request info

Capita Marks and Spencer Telefonica Cisco BBC Lloyds Sony

Typescript with React & Redux training course (code: TypescriptReact)

TRAINING COURSE OVERVIEW

This Typescript training course looks at how TypeScript and React can be used for creating single page applications in JavaScript and HTML. We also have a brief look at Angular and Vue.js

By the end of this course participants will be able to build applications of various complexity with React while adhering to best practices.


JBI run public Micro Frontends  courses in London and custom onsite Micro Frontends training at your UK or worldwide offices.

We can make our custom Micro Frontends training even more engaging and relevant by encouraging delegates to use their own corporate data .
 

AUDIENCE

Front End Developers, team leads and architects involved in Javascript (or similar) software Development

 

Image result for typescript and react


CONTENT

DETAILHIGHLIGHTS

Modern JavaScript
•    JavaScript versions
•    working with modules
•    functions and arrow functions
•    classes
•    functional programming in JavaScript (map, filter, ...)
•    What are Vue.js and Angular

TypeScript
•    Introduction
•    Installing TypeScript
•    Preparing a TypeScript Project
•    Understanding Typing, Variables, and Functions
•    Working with Classes and Interfaces
•    Organizing Your Code with Namespaces
•    Reusing Code through Modules
•    Compiling, Testing and Running TypeScript
•    Debugging TypeScript

Introduction / Overview to Node
•    What is Node
•    Installing node
•    Introduction to npm
•    How to use node in an app

React template language
•    JavaScript-based template language: JSX
•    setting element properties
•    repeating elements
•    if / else
•    events
•    CSS classes and styles

Managing state in React
•    setting and changing the application state
•    using the state hook and setState
•    capturing the content of input elements in the state

Components: Building blocks of modern web applications
•    defining custom HTML tags in React
•    state, props & events
•    data flow between components
•    function components and class components
•    using hooks in function components
•    component lifecycle events (mount, update, unmount)
•    including predefined components from a library

State management with Redux
•    Redux basics: state mangment with pure functions, reducers and immutable data
•    using the reducer hook in React
•    integrating Redux into a React application
•    presentational and container components
•    the Redux ecosystem
•    fetching data from a REST API

Developer tools and testing
•    React developer tools
•    Redux developer tools
•    Testing JavaScript with Jest
•    Testing reducers
•    Testing React components

React Router
•    client-side routing
•    displaying different views based on the current browser route

App development with React
•    short overview of React Native
•    creating an installable mobile and desktop application with Progressive Web Apps
•    comparison of Progressive Web Apps and native apps

 

Modern JavaScript
•    JavaScript versions
•    working with modules
•    functions and arrow functions
•    classes
•    functional programming in JavaScript (map, filter, ...)
•    What are Vue.js and Angular

TypeScript
•    Introduction
•    Installing TypeScript
•    Preparing a TypeScript Project
•    Understanding Typing, Variables, and Functions
•    Working with Classes and Interfaces
•    Organizing Your Code with Namespaces
•    Reusing Code through Modules
•    Compiling, Testing and Running TypeScript
•    Debugging TypeScript

Introduction / Overview to Node
•    What is Node
•    Installing node
•    Introduction to npm
•    How to use node in an app

React template language
•    JavaScript-based template language: JSX
•    setting element properties
•    repeating elements
•    if / else
•    events
•    CSS classes and styles

Managing state in React
•    setting and changing the application state
•    using the state hook and setState
•    capturing the content of input elements in the state

Components: Building blocks of modern web applications
•    defining custom HTML tags in React
•    state, props & events
•    data flow between components
•    function components and class components
•    using hooks in function components
•    component lifecycle events (mount, update, unmount)
•    including predefined components from a library

State management with Redux
•    Redux basics: state mangment with pure functions, reducers and immutable data
•    using the reducer hook in React
•    integrating Redux into a React application
•    presentational and container components
•    the Redux ecosystem
•    fetching data from a REST API

Developer tools and testing
•    React developer tools
•    Redux developer tools
•    Testing JavaScript with Jest
•    Testing reducers
•    Testing React components

React Router
•    client-side routing
•    displaying different views based on the current browser route

App development with React
•    short overview of React Native
•    creating an installable mobile and desktop application with Progressive Web Apps
•    comparison of Progressive Web Apps and native apps

 

UPDATES
Receive the latest version of this course into your inbox



LONDON COURSES
- INCLUDES LUNCH -

30th Sep 2019 - 2 days £1500
Book

see all dates


X

Show Discount for this course


PRIVATE COURSES


  Bring a JBI course to your office
  and train a whole team onsite
  0800 028 6400
or request quote


  You can customise this course to
  suit your exact needs here
  0800 028 6400 or request quote


CONTACT
0800 028 6400



Why JBI ?

►"great technology tips"
► "Access to exclusive content"
► "Short course means less time off"

►"Inspiring trainers"
► "Joined via web"
► "Knowledgable sales staff"

NEWSLETTER
Get exclusive news about upcoming programs, technical insights & special offers