-
-
Cart
Det finns inga varor i din kundvagn. Fortsätt handla på vår Kurskatalog sida.
DELTOTALBetala Nu -ELLER- betala Senare
Betala med kreditkort nu
-ELLER - betala mot faktura som vanligt.
-
Building Web Applications with React and Redux
Nivå: Advanced
Snittbetyg:
4,84/5 Based on 104 Reviews
React is an open-source JavaScript library from Facebook used for building HTML5 web applications. In this training course, you learn how to develop a complete application by building high-performance User Interfaces (UIs) with JSX components targeting a virtual DOM, and creating Flux applications, which provide complementary architectural patterns to construct client-side application functionality.
Key Features of this React and Redux Training:
- After-course instructor coaching benefit
- Learning Tree end-of-course exam included
You Will Learn How To
- Create an isomorphic web application using Facebook React and Redux
- Compose a UI using React JavaScript and JSX components
- Integrate React forms with Ajax and back-end REST services
- Apply the Redux application pattern to create loosely coupled applications
- Exploit React animation components with CSS3 transitions
Choose the Training Solution That Best Fits Your Individual Needs or Organizational Goals
LIVE, INSTRUCTOR-LED
In Class & Live, Online Training
- 4-day instructor-led training course
- After-course instructor coaching benefit
- Learning Tree end-of-course exam included
TRAINING AT YOUR SITE
Team Training
- Bring this or any training to your organisation
- Full - scale program development
- Delivered when, where, and how you want it
- Blended learning models
- Tailored content
- Expert team coaching
Anpassa kurs och innehåll efter teamets behov
Kontakta ossUtveckla dig och ditt team med anpassade eller öppna kurser alternativt e-learning
Learning Tree erbjuder kundanpassad utbildning hos er, öppna kurser i Stockholm, London eller Washington, möjlighet att delta via våra Anywhere centers (Malmö, Göteborg, Linköping, Stockholm eller Borlänge) eller olika former av e-learning med lärarstöd. Läs mer på www.learningtree.se/priser .
In Class & Live, Online Training
Note: This course runs for 4 dagar *
*Events with the Partial Day Event clock icon run longer than normal but provide the convenience of half-day sessions.
-
29 jun - 2 jul 9:00 - 4:30 EDT Online (AnyWare) Boka Din Kursplats
-
21 - 24 jul 9:00 - 4:30 EDT Online (AnyWare) Boka Din Kursplats
-
25 - 28 aug 9:00 - 4:30 EDT New York / Online (AnyWare) Boka Din Kursplats
-
13 - 16 okt 9:00 - 4:30 EDT Herndon, VA / Online (AnyWare) Boka Din Kursplats
-
12 - 15 jan 9:00 - 4:30 EST Alexandria, VA / Online (AnyWare) Boka Din Kursplats
-
16 - 19 feb 9:00 - 4:30 EST New York / Online (AnyWare) Boka Din Kursplats
Kurs med startgaranti
När du ser symbolen för “Guaranteed to Run” vid ett kurstillfälle vet du att kursen blir av. Garanterat.Partial Day Event
Learning Tree offers a flexible schedule program. If you cannot attend full day sessions, this option consists of four-hour sessions per day instead of the full-day session.Important React and Redux Training Information
Requirements
- Experience developing web pages with JavaScript, HTML, and CSS at the level of:
- Course 2319, JavaScript for Modern Web Development
- Experience developing web pages with JavaScript, HTML, and CSS at the level of:
React and Redux Training Outline
Introduction and Overview
- Features of React and Redux
- Why the Virtual DOM makes React run fast
- Configuring the development and build environment
- Incorporating third-party components
Designing Custom React Components
Displaying React content- Employing React.createElement() and React.DOM.render()
- Support well-designed components by leveraging imports
- Dynamically generating the UI
- Coding custom component classes
- Generating component output with the render method
- Composing a JSX component hierarchy
- Extending the hierarchy with the Container/Presentational design pattern
- Understanding the differences between JSX and HTML
- Exploiting the react-router for semantic URLs
- Mapping URL paths and parameters to components
- Employing the ReactCSSTransitionGroup component
- Writing CSS transitions and animations
Activating React Components
Parameterizing components- Disambiguating component properties and state
- Leveraging the children props to pass content dynamically
- Inserting properties into rendered output with this.props
- Improving maintainability and reliability with defaultProps and proptTypes
- Centralising logic at the container level by passing functions as props
- Integrating stateless functional components
- Separating component state from component behaviour
- Reading application data with this.state
- Mutating data with this.setState()
- Efficiently managing state to improve performance
- Best practises for sharing state with createContext
- Attaching and detaching logic and event handlers in componentDidMount and componentWillUnmount
- Enhancing performance with componentShouldUpdate
- Exploiting the react-router for semantic URLs
- Mapping URL paths and parameters to components
Developing React Forms
Manipulating form input components- Working with interactive properties
- Capturing form component updates with onChange
- Exploiting controlled components
- Applying the onChange / setState() convention
- Passing ReactLink objects through the props hierarchy
- Making Ajax calls from React
- Mapping CRUD access to REST actions
- GET
- POST
- PUT
- DELETE
Centralising State with Redux
Modelling client-side data interactivity- Architecting loosely-coupled applications for extensibility
- Managing state centrally
- Interacting with data using actions, reducers, and stores
- Defining reducers to correctly manage updates, deletes, and inserts
- Best practises when implementing Redux
- Creating a Redux data store
- Using the React-Redux Higher-Order Components
- Sharing state between containers and presentational components
- Integrating multiple stores/reducers in large applications to avoid complexity
- Reviewing alternatives: Mbox, alt, Relay, Flux, and Reflux
- Making Ajax calls from React using thunk and promises
- Integrating isomorphic-fetch to support client and server-side access
- Mapping CRUD access to REST actions
- Reviewing alternatives
Analysing React Applications
Developer tools- Inspecting React components with browser extensions
- Identifying and debugging rendering errors
- Running tests with Jest
- Isolating code under test with Enzyme
- Establishing a baseline
- Analysing performance with Flamegraphs
- Optimising component reconciliation with key
Advanced Features
- Building components with Hooks, useState, and useEffect
- Extending your components with Higher Order Components
Team Training
Building Web Applications with React and Redux FAQs
Can I learn Building Web Applications with React and Redux online?
Yes! We know your busy work schedule may prevent you from getting to one of our classrooms which is why we offer convenient online training to meet your needs wherever you want, including online training.
Related Training
Your Training Comes with a 100% Satisfaction Guarantee!*
*Partner-delivered courses may have different terms that apply. Ask for details.