2624 Courses delivered Live Online

Duration 5 Days 30 CPD hours This course is intended for This introductory-level, fast-paced course is for skilled web developers new to React who have prior experienced working HTML5, CSS3 and JavaScript. 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 A deep understanding of data-driven modeling with props and state How to use client-side routing for pages in your apps How to debug a React application Mastering React is a comprehensive hands-on course that aims to be the single most useful resource on getting up to speed quickly with React. 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. After the first few modules, you?ll have a solid understanding of React?s fundamentals and will be able to build a wide array of rich, interactive web apps with the framework. The first module is an introduction to the new functionality in ECMAScript 6 (JavaScript). Client-side routing between pages, managing complex state, and heavy API interaction at scale are also covered. This course consists of two parts. In the first part of the course students will explore all the 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), writing automated unit tests, and building a multi-page app that uses client-side routing. The latter part of the course moves into more advanced concepts that you?ll see used in large, production applications. These concepts explore strategies for data architecture, transport, and management: Redux is a state management paradigm based on the Flux architecture. Redux provides a structure for large state trees and allows you to decouple user interaction in your app from state changes. GraphQL is a powerful, typed, REST API alternative where the client describes the data it needs. Hooks is the powerful, new way to maintain state and properties with functional components and the future of React according to Facebook. ES6 Primer (Optional) 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 Getting started What?s a component? Our first component Building the App Making the App data-driven Your app?s first interaction Updating state and immutability Refactoring with the Babel plugin transform-class-properties 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 JSX Creates Elements JSX Attribute Expressions JSX Conditional Child Expressions JSX Boolean Attributes JSX Comments JSX Spread Syntax JSX Gotchas JSX Summary Components A time-logging app Getting started Breaking the app into components The steps for building React apps from scratch Updating timers Deleting timers Adding timing functionality Add start and stop functionality Methodology review Advanced Component Configuration with props, state, and children ReactComponent props are the parameters PropTypes Default props with getDefaultProps() context state Stateless Components Talking to Children Components with props.children Forms Forms 101 Text Input Remote Data Async Persistence Redux Form Modules Unit Testing & Jest Writing tests without a framework What is Jest? Using Jest Testing strategies for React applications Testing a basic React component with Enzyme Writing tests for the food lookup app Writing FoodSearch.test.js Routing What?s in a URL? React Router?s core components Building the components of react-router Dynamic routing with React Router Supporting authenticated routes Intro to Flux and Redux Why Flux? Flux is a Design Pattern Flux implementations Redux & Redux?s key ideas Building a counter The core of Redux The beginnings of a chat app Building the reducer() Subscribing to the store Connecting Redux to React Intermediate Redux Using createStore() from the redux library Representing messages as objects in state Introducing threads Adding the ThreadTabs component Supporting threads in the reducer Adding the action OPEN_THREAD Breaking up the reducer function Adding messagesReducer() Defining the initial state in the reducers Using combineReducers() from redux React Hooks Motivation behind Hooks How Hooks Map to Component Classes Using Hooks Requires react 'next' useState() Hook Example useEffect() Hook Example useContext() Hook Example Using Custom Hooks Using Webpack with Create React App JavaScript modules Create React App Exploring Create React App Webpack basics Making modifications Hot reloading; Auto-reloading Creating a production build Ejecting Using Create React App with an API server When to use Webpack/Create React App Using GraphQL Your First GraphQL Query GraphQL Benefits GraphQL vs. REST GraphQL vs. SQL Relay and GraphQL Frameworks Chapter Preview Consuming GraphQL Exploring With GraphiQL GraphQL Syntax 101 . Complex Types Exploring a Graph Graph Nodes ; Viewer Graph Connections and Edges Mutations Subscriptions GraphQL With JavaScript GraphQL With React

An overview of new disclosure reporting standards IFRS S1 and IFRS S2

Are you looking to Scale with Purpose AND Grow the Value of your business? Join us for our FREE world-renowned SCALING UP Business Growth Workshop to learn the 7 tips (at least!) on how to Scale with Purpose. Scale your business and accelerate profitable growth using the time-tested and results-driven Scaling Up methodology.  We will introduce you to our proven systems and tools which have successfully enabled over 40,000 business leaders, owners and their leadership teams to achieve sustainable growth. You'll learn the keys to PEOPLE, STRATEGY, EXECUTION AND CASH. Work smarter, not harder. Scale faster and avoid the pitfalls What: A FREE Scaling Up event to help you understand how to scale with purpose and grow your value Why: Clarity - it's about taking time out to plan. To create the plan for your next 90 days and for 2025 Where: Online When: Wednesday November 13th 2024 2pm-3.30pm (UK) This isn't just a seminar where you sit and absorb - you will be working ON your business so you go away with renewed clarity about what to do next...

Power Flow Yoga, is a strong yoga classes to build strength and realign the body. You are likely to get hot & sweaty. Become fit, strong and feel great about yourself. Power flow yoga classes are suitable for all levels with options for strong beginners.

Yin Yoga will fast-track flexibility. Breathe and meditate to help cope with a stressful life. Holding passive yoga poses for several minutes to stretch deep tissue and gain flexibility. Yin yoga classes are suitable for all levels.

El siguiente curso es una especialidad en hablar en inglés. Se trata sobre como hablar en inglés en manera básica.

A slower simpler class for those that want to mobilise their body or release aches & pains. Calm the mind and take a break from a stressful life. Gentle yoga classes are suitable for all levels. Ideal for beginners.

El siguiente curso es una especialidad en el libro de Apocalipsis de la Biblia. Se trata sobre informar a los siervos de Dios de lo que va a suceder pronto para que estén preparados para la venida de Cristo.

Leverage your team's work styles to achieve more

Teaching4you is a tuition company that works to encourage and build confidence in students nationwide.