React: Build Highly Interactive Web Applications Training Course
React is an open source Javascript library that can be used to create interactive web and mobile applications. It is often compared to MVC frameworks such as Angular, Ember and Backbone, however, React is distinct in its focus on the UI of the application (the View in MVC). Its unique approach to rendering highly interactive UIs is both powerful and liberating and has led to React's popularity.
In this instructor-led, live training, we demonstrate React's power and flexibility, compare it to alternative frameworks, and walk participants step-by-step through the creation of their own React application.
By the end of this course, participants will be able to:
- Understand React's design philosophy.
- Decide when and where it makes sense to use React, and when to rethink the conventional MVC model.
- Understand React concepts such as components, props, state, and lifecycle.
- Implement related technologies such as Babel, Webpack, and JSX.
- Build, test and deploy an interactive web application.
With an emphasis on hands-on practice and the completion of a real application, this training will be invaluable to web application developers wishing to use React to boost their productivity and value.
Format of the Course
- Overview of React's features and capabilities along with step-by-step development of a real-world web application.
Course Outline
Introduction
- React vs Angular vs Vue.js vs other MVC frameworks
Design Principles behind React
Understanding the DOM
Setting up Your Development Environment
How Components Work in React
The Component Life Cycle
Overview of JSX Syntax
Rendering an Element
Building Your First Component
Handling State in React
Defining Your Components' Parent/Child Relationships
Event Handling and Conditional Rendering
Container vs Presentational Components
Implementing Forms and Processing User Input
Testing Your React Web Application
Integrating React with Other Frameworks and Plugins
Deploying your React Application
Summary and Conclusion
Requirements
- Basic familiarity with HTML & CSS.
- Basic knowledge of JavaScript and programming.
- Familiarity with ES6 syntax and features.
Audience
- Front-end developers
- Web developers
- Javascript programmers
Open Training Courses require 5+ participants.
React: Build Highly Interactive Web Applications Training Course - Booking
React: Build Highly Interactive Web Applications Training Course - Enquiry
React: Build Highly Interactive Web Applications - Consultancy Enquiry
Consultancy Enquiry
Testimonials (7)
very hands on. trainer was very clear and knowledgavle
Li Fang Bren Ong - DBS Bank Limited
Course - React: Build Highly Interactive Web Applications
The explanation to the concept is clear.
Noorazare Puasa - DBS Bank Limited
Course - React: Build Highly Interactive Web Applications
Learning was comprehensive and catered to.
Wei Lin Tan - DBS Bank Limited
Course - React: Build Highly Interactive Web Applications
How react work.
Yechun Wang - DBS Bank Limited
Course - React: Build Highly Interactive Web Applications
That the for the most part of the course the topics were quite atomic and well explained before moving forward.
Piotr - SPOC SA
Course - React: Build Highly Interactive Web Applications
I mostly liked the topics and great lecturer!.
Adam Gozdziewski - SPOC SA
Course - React: Build Highly Interactive Web Applications
I mostly liked the many examples and use cases.
Mateusz Grzeskowiak - SPOC S.A.
Course - React: Build Highly Interactive Web Applications
Upcoming Courses
Related Courses
Reactive Programming with Angular RxJS
14 HoursReactive programing is an asynchronous programing paradigm that focuses on data streams and the propagation of data by establishing a defined dependency between the underlying execution models and the emitted data streams from one component to another. Many Angular application design inefficiencies when building asynchronous UIs can be overcome by utilizing reactive style patterns offered by the RxJS library.
In this instructor-led, live training, participants will learn how to implement Observable patterns into their Angular application designs as they step through a series of cases showcasing common angular design problems and how they benefit from reactive programing designs.
By the end of this training, participants will be able to:
- Understand the reactive programing paradigm and the RxJS library.
- Build UI heavy Angular applications with scalability, flexibility, and responsiveness in mind using reactive programming patterns.
Format of the Course
- Interactive lecture and discussion.
- Lots of exercises and practice.
- Hands-on implementation in a live-lab environment.
Course Customization Options
- To request a customized training for this course, please contact us to arrange.
Ant Design
7 HoursThis instructor-led, live training in Norway (online or onsite) is aimed at developers who wish to use Ant Design to enhance the User Experience for their React application.
By the end of this training, participants will be able to implement Ant Design's React components to develop beautiful enterprise-class web applications.
Functional Reactive Programming with Java 9 and RxJava
14 HoursThis instructor-led, live training in Norway (online or onsite) is aimed at intermediate-level software developers and system architects who wish to build reactive applications using Java 9, Spring, Jersey, Akka, and the RxJava 2.0 reactive programming library.
By the end of this training, participants will be able to:
- Understand the importance and significance of reactive programing in applications and systems development.
- Run Unit test on RxJava 2.0.
- Use the Akka framework under reactive programing principles.
- Employ Spring to handle the development of concurrent applications.
- Use Java 9's flow API to develop reactive apps.
ELM for Front-End Development
14 HoursThis instructor-led, live training inNorway (onsite or remote) is aimed at software engineers who wish to use ELM for front-end development.
By the end of this training, participants will be able to:
- Build web application with the ELM language.
- Use open source packages in ELM.
- Implement ELM tools to debug and compile ELM code.
Next.js 14 Advanced Development
21 HoursThis instructor-led, live training in Norway (online or onsite) is aimed at intermediate-level to advanced-level web developers and technical architects who wish to explore the advancements of Next.js 14 and gain the knowledge to build cutting-edge web applications.
By the end of this training, participants will be able to:
- Leverage the full potential of Next.js 14 for building complex applications.
- Utilize the latest features such as Middleware, React Server Components, and Edge Functions.
- Implement best practices for performance, scalability, and SEO.
- Troubleshoot common issues in Next.js applications effectively.
Next.js 14 - Advanced
21 HoursThis instructor-led, live training in Norway (online or onsite) is aimed at advanced-level developers who wish to master the latest features in Next.js 14, optimize performance, and implement modern React techniques.
By the end of this training, participants will be able to:
- Implement advanced React hooks and concurrent features.
- Understand and utilize Next.js routing strategies effectively.
- Leverage Server Components, Server Actions, and hybrid rendering approaches.
- Optimize data fetching, caching, and incremental static regeneration.
- Use Next.js as a backend solution with Edge Functions and Edge Runtime.
- Manage state using React Context, Redux, and atomic state libraries.
- Optimize application performance for Web Core Vitals.
- Test, monitor, and deploy Next.js applications efficiently.
React with Next.js
14 HoursThis instructor-led, live training in Norway (online or onsite) is aimed at web developers who wish to use Next.js to create React applications.
By the end of this training, participants will be able to:
- Develop server-side web applications and static sites in Next.js.
- Handle and store data with MongoDB.
- Secure a web application with AuthO authentication.
RxJava for Android Developers
21 HoursThis instructor-led, live training in Norway (online or onsite) is aimed at developers who wish to use RxJava to develop and deploy an Android mobile application.
By the end of this training, participants will be able to:
- Set up a development environment that includes needed libraries, packages and frameworks needed for developing a reactive application.
- Understand how data and event streams are emitted and consumed.
- Design applications that model real world (event based) situations in an elegant and concise way.
Reactive Programing with Rx.NET
7 HoursIn this instructor-led, live training in Norway, participants will learn how to develop an asynchronous application using .NET Reactive Extensions.
By the end of this training, participants will be able to:
- Create applications that capture event streams from diverse data sources such as stock quotes, tweets, computer events, and web services.
- Use Observables and Schedulers to represent and manage multiple asynchronous data streams.
- Filter, project, aggregate, compose and perform time-based operations on multiple events using LINQ operators.
Reactive Programming for iOS with RxSwift
7 HoursThis instructor-led, live training in Norway introduces participants to reactive techniques offered by RxSwift for managing the transferring and combining of asynchronous data streams, handling simple observable sequences, and the architecture and development of responsive, flexible, and industry scalable iOS applications.
By the end of this training, participants will be able to:
- Understand the basic concepts behind reactive programing in Swift 3.
- Turn various items such as arrays and events into observable sequences.
- Apply various filters to observable sequences, transform and combine observable sequences.
- Write Unit tests against Rx Code.
- Effectively utilize blind data from user interface elements.
Vert.x: Build a Reactive Application on JVM
14 HoursIn this instructor-led, live training in Norway, participants will learn how to use Vert.x to create an asynchronous, event-based web application.
By the end of this training, participants will be able to:
- Understand and use the different components (core, web, client, etc.) in the Vert.x stack.
- Use Vert.x to create network utilities, HTTP/REST microservices, high volume event processing, back-end message-bus applications, etc.
- Execute an app that can handle high concurrency using minimal kernel threads.
- Use Vert.x's APIs to support Java, JavaScript, Groovy, Ruby, Ceylon, Scala, Kotlin, etc.
- Unit test asynchronous code with Vert.x-Unit.
- Deploy and scale an app with minimal hardware.
Visual Studio Code
14 HoursThis instructor-led, live training in Norway (online or onsite) is aimed at beginner to intermediate-level developers who wish to edit codes using VS Code.
By the end of this training, participants will be able to:
- Familiarize the VS Code interface.
- Effectively use workspaces in VS Code.
- Manage VS Code keyboard shortcuts and settings.
- Learn how to use various programming languages in VS Code.
Web Development with Bubble
7 HoursThis instructor-led, live training in Norway (online or onsite) is aimed at web developers who wish to use Bubble to build fully functional web applications without code.
By the end of this training, participants will be able to:
- Build a web application from scratch with no coding experience.
- Create databases and web services for back-end operations.
- Design and create dynamic user interfaces and user experiences.
Yeoman
7 HoursThis instructor-led, live training in Norway (online or onsite) is aimed at developers who wish to learn about Yeoman and understand how it will fit into a web application architecture and development workflow.
By the end of this training, participants will be able to:
- Learn about the features and benefits of using Yeoman in application development.
- Learn and understand the process of building and managing an application using Yeoman.