Building Micro Frontends with React Training Course
React adalah perpustakaan skrip sumber terbuka Java yang digunakan untuk membangun antarmuka pengguna untuk aplikasi web. Micro Frontend adalah arsitektur di mana fragmen semi independen dari aplikasi web UI (front ends) dikembangkan, diuji, dan diimplementasikan secara independen. Ini mirip dengan arsitektur back-end dari microservices.
Pelatihan langsung yang dipimpin oleh instruktur (online atau on-site) ini ditujukan untuk para pengembang yang ingin menggunakan React untuk mengembangkan, menguji, dan mengimplementasikan micro-frontends untuk aplikasi web yang besar, membuat mereka sangat menonjol, teknologi agnostik, dan lebih mudah untuk dipelihara.
Pada akhir latihan ini, peserta akan dapat:
-
Menetapkan lingkungan pengembangan yang diperlukan untuk memulai pengembangan mikro-frontend dengan React.
Memahami arsitektur, konsep inti, dan kelebihan mikro-frontend.
Pelajari cara membangun, mengintegrasikan, menguji, dan mengimplementasikan microfrontends dengan React.
Mengimplementasikan micro-frontends dengan modul federasi.
Mengaplikasikan aliran kerja produksi CI/CD pipeline.
Ketahui masalah umum dengan CSS dalam micro-frontends dan bagaimana untuk membetulkannya.
Dapatkan wawasan tentang cara menerapkan framework frontend lainnya dengan React.
Format Kursus
-
Konferensi dan diskusi interaktif.
Banyak latihan dan praktek.
Pelaksanaan tangan di lingkungan live-lab.
Opsi Customization Kursus
-
Untuk meminta pelatihan tersuai untuk kursus ini, silakan hubungi kami untuk mengatur.
Course Outline
Introduction
- Overview of micro-frontend architecture and core concepts
- Fundamentals of React
Getting Started
- Setting up the development environment
- Basics of module federation
- Other frontend frameworks
Building Micro Frontends
- Creating a project structure using React
- Converting to micro-frontends
- Modifying micro-frontend apps
- Sharing dependencies and linking multiple apps
Integrating Host/Containers with Micro Frontends
- Build-time vs run-time integrations
- Assembling the app components
Working with CSS in Micro Frontends
- Modifying the header component
- Understanding CSS in JS libraries
- Common issues with CSS in Micro Frontends
- Debugging and fixing issues
Configuring Authentication in Micro Frontends
- Implementation approaches
- Communicating authentication changes
- Adding an auth deploy config
Deploying Micro Frontends
- Requirements for deployment
- Implementing the CI/CD pipeline
- Testing the pipeline
- Running the deployment
- Verifying the deployment
Troubleshooting
Summary and Next Steps
Requirements
- Experience with React
- Javascript programming experience
Audience
- Developers
Open Training Courses require 5+ participants.
Building Micro Frontends with React Training Course - Booking
Building Micro Frontends with React Training Course - Enquiry
Building Micro Frontends with React - Consultancy Enquiry
Consultancy Enquiry
Testimonials (2)
How the trainer structured and explained the lessons: from the pace of speech to the information explained, so that both experienced and beginners understand. Thank you, Marcin!
Ana - MSG system
Course - Building Micro Frontends with React
He is very patient and understanding towards the participants. Always there to provide us with valuable insights and advice to adopting micro-frontend in our own organisation. He also taught us how to implement micro frontend without utilising any boilerplate codes.
Alvin Chin - Ministry of Defence
Course - Building Micro Frontends with React
Upcoming Courses (Minimal 5 peserta)
Related Courses
Advanced React
14 HoursThis instructor-led, live training in Indonesia (online or onsite) is aimed at developers who wish to build React components and design complex applications.
By the end of this training, participants will be able to:
- Understand React's advanced concepts, including context APIs, HOCs, external state, asynchronous APIs, etc.
- Build composable components with React.
- Enable server side and client side authentication.
- Implement React and Redux libraries to manage complex stateful applications.
- Reduce code and optimize an application's performance.
- Test and deploy an application.
Ant Design
7 HoursThis instructor-led, live training in Indonesia (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.
FARM (FastAPI, React, and MongoDB) Full Stack Development
14 HoursThis instructor-led, live training in (online or onsite) is aimed at developers who wish to use the FARM (FastAPI, React, and MongoDB) stack to build dynamic, high-performance, and scalable web applications.
By the end of this training, participants will be able to:
- Set up the necessary development environment that integrates FastAPI, React, and MongoDB.
- Understand the key concepts, features, and benefits of the FARM stack.
- Learn how to build REST APIs with FastAPI.
- Learn how to design interactive applications with React.
- Develop, test, and deploy applications (front end and back end) using the FARM stack.
Choosing the Right JavaScript Framework
14 HoursPelatihan langsung yang dipimpin instruktur di Indonesia (di lokasi atau jarak jauh) ditujukan untuk pengembang yang perlu memutuskan kerangka skrip Java mana yang akan digunakan untuk mengembangkan aplikasi front-end.
Pada akhir pelatihan ini, peserta akan mampu:
- Siapkan lingkungan pengembangan yang optimal untuk mulai mengembangkan aplikasi front-end.
- Menerapkan aplikasi demo untuk menguji keterbatasan dan manfaat kerangka skrip Java.
- Putuskan kerangka skrip Java mana yang paling cocok.
JavaScript, Node JS and React Bootcamp (Beginner to Intermediate Level)
35 HoursPelatihan langsung yang dipandu instruktur dalam Indonesia (online atau di tempat) ini ditujukan untuk pengembang .NET tingkat pemula yang ingin memperoleh kemahiran dalam JavaScript, Node.js, dan React untuk secara aktif mengembangkan dan memigrasikan sistem/platform.
Pada akhir pelatihan ini, peserta akan dapat:
- Menulis dan men-debug kode JavaScript secara efektif.
- Membangun dan menyebarkan aplikasi sisi server menggunakan Node.js.
- Mengembangkan antarmuka pengguna yang dinamis dan responsif dengan React.
- Integrasikan komponen front-end dan back-end untuk membuat aplikasi tumpukan penuh.
- Memahami praktik terbaik untuk memigrasikan sistem lama ke platform modern berbasis JavaScript.
Testing React Apps with Jest
14 HoursThis instructor-led, live training in Indonesia (onsite or remote) is aimed at engineers who wish to use Jest to test React applications and components.
By the end of this training, participants will be able to:
- Install and configure a proper testing environment.
- Write asynchronous tests for React apps and components.
- Run Jest advanced tests that include mocking, spies and stubs.
MERN Fullstack Development
14 HoursThis instructor-led, live training in Indonesia (online or onsite) is aimed at web developers who wish to use the MERN Stack for fullstack development.
By the end of this training, participants will be able to:
- Integrate React with MongoDB, Express, and Node.js.
- Build a fullstack web application from scratch.
- Implement application security through authorization and authentication.
Building Microservices with NodeJS and React
21 HoursPelatihan langsung yang dipimpin instruktur di Indonesia (daring atau tatap muka) ini ditujukan bagi pengembang berpengalaman yang ingin membangun, mendeploy, dan menskalakan aplikasi menggunakan mikroservis yang dibuat dengan NodeJS dan React.
Selesai mengikuti pelatihan ini, peserta akan dapat:
- Membangun, mendeploy, dan menskalakan aplikasi menggunakan berbagai mikroservis.
- Membuat aplikasi React yang dirender di sisi server.
- Deploy aplikasi multi-service ke cloud menggunakan Docker dan Kubernetes.
- Melakukan pengujian aplikasi pada mikroservis.
Next.js 14 Advanced Development
21 HoursThis instructor-led, live training in Indonesia (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 HoursPelatihan langsung yang dipimpin instruktur di Indonesia (online atau di tempat) ini ditujukan untuk pengembang tingkat lanjut yang ingin menguasai fitur-fitur terbaru di Next.js 14, mengoptimalkan kinerja, dan menerapkan teknik-teknik modern React.
Pada akhir pelatihan ini, peserta akan dapat:
- Terapkan hook React tingkat lanjut dan fitur bersamaan.
- Memahami dan memanfaatkan strategi routing Next.js secara efektif.
- Memanfaatkan Komponen Server, Tindakan Server, dan pendekatan rendering hibrid.
- Mengoptimalkan pengambilan data, penyimpanan dalam cache, dan regenerasi statis tambahan.
- Gunakan Next.js sebagai solusi backend dengan Edge Functions dan Edge Runtime.
- Kelola status menggunakan React Konteks, Redux, dan pustaka status atom.
- Optimalkan kinerja aplikasi untuk Web Core Vitals.
- Uji, pantau, dan terapkan Next.js aplikasi secara efisien.
React: Build Highly Interactive Web Applications
21 HoursIn this instructor-led, live training in Indonesia, 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.
Building Interactive Applications with React, Redux and GraphQL
28 HoursIn this instructor-led, live training in Indonesia, participants will learn how to build React applications using Flux and GraphQL. The course covers installation, setup, integration, testing, deployment and best practices as it walks participants through the creation of a series of sample applications that demonstrate how to add additional levels of complexity and "coolness" to an application using the most advanced toolkits and techniques.
Developing applications with React requires a different kind of thinking, compared to what some developers are accustomed to, especially when coming from the mindset of other MVC frameworks such as AngularJS and Bootstrap.
This training covers the fundamentals behind of the technologies used each step of the way so that participants are not only able to build a functional application, but also understand why a particular approach is used. This lays the groundwork for thinking independently and creatively about the design and the desired results for building their own applications in the future.
React with Next.js
14 HoursThis instructor-led, live training in Indonesia (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.
React Patterns
14 HoursThis instructor-led, live training (online or onsite) is aimed at developers with React skills who wish to optimize and improve their creation of React applications by understanding and applying React's component patterns.
By the end of this training, participants will be able to:
- Understand the different types of React Patterns
- Use React Context API for web applications
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.
- To learn more about React, please visit: https://reactjs.org
Transform a React Application into a Progressive Web App (PWA)
14 HoursThis instructor-led, live training in Indonesia (onsite or remote) is aimed at developers who wish to transform a React application into a Progressive Web App.
By the end of this training, participants will be able to:
- Set up the necessary development environment to start transforming a React application.
- Cache using Service Worker to make a React application work offline.
- Create and style a push notification.
- Install the progressive web app into a mobile device.