Advanced React Training

About the Training

The Advanced React Training Program is a comprehensive course designed for software developers and front-end engineers who want to specialize in modern web application development. React is one of today’s most popular JavaScript libraries, offering a powerful and flexible tool for creating user interfaces. This training covers advanced features of the React library, performance optimization techniques, state management, and modern web development methods. It also aims to provide participants with in-depth knowledge.

Throughout the training, participants will gain deep knowledge in topics such as JavaScript bundlers, micro frontend architectures, debugging techniques, state management, the use of TypeScript, and clean code principles. The program is supported by real-world scenarios and hands-on examples, allowing participants to practice what they have learned. The training offers intensive content over five days, aiming to reinforce participants’ advanced React knowledge and provide them with skills they can use in professional projects.

First, the focus will be on JavaScript bundlers and performance optimization. Participants will learn to evaluate the performance of popular JavaScript bundlers such as Rollup, webpack, parcel, and Snowpack. Additionally, they will learn effective methods to minimize bundle size and manage component dependencies. These topics are critical for enhancing the performance of modern web applications.

Next, micro frontend architecture and framework independence will be discussed. Participants will explore how to build micro frontend architectures and develop independent structures using different frameworks. Tools like Next.js and Vite.js will also be covered in these topics.

Debugging and performance optimization will be another focus area. Participants will learn debugging tools and methods for components and how to prevent unnecessary re-renders. They will also learn how to use React hooks like useState and useEffect. These topics will help developers write more effective and efficient code.

State management and component optimization will also be included in the training. Advanced state management techniques such as using Redux, Redux Slice, and Redux Toolkit, splitting components into smaller parts, and creating higher-order components will be covered. The use of useRef and other React hooks will also be among the key topics of this day.

Finally, TypeScript, testing, and clean code principles will be covered. Participants will learn about using TypeScript, new hooks introduced with React 18, the front-end unit testing structure, and WebSocket usage. The importance of the clean code structure and how to create it will also be discussed. The training helps participants present the applications they have developed by putting what they have learned into practice, concluding with discussions on real-world scenarios.

What Will You Learn?

  • JavaScript bundlers (Rollup, webpack, parcel, Snowpack) and performance evaluation
  • Effective methods for minimizing bundle size and techniques for managing component dependencies
  • Building micro frontend architectures and methods for developing framework-independent structures
  • Usage of Next.js and Vite.js
  • Debugging tools and methods for components, performance optimization, and preventing unnecessary re-renders
  • Usage of React hooks like useState and useEffect
  • Usage of Redux, Redux Slice, and Redux Toolkit
  • Breaking down components into smaller parts and creating higher-order components
  • Usage of useRef and other React hooks
  • Usage of TypeScript, new hooks introduced with React 18, and front-end unit testing structure
  • Usage of WebSocket and the importance of a clean code structure

Prerequisites

  • Basic knowledge and experience in React
  • Advanced knowledge of JavaScript topics
  • Basic knowledge of HTML and CSS
  • Understanding of modern web development tools (Node.js, npm/yarn)
  • Basic knowledge of Git and version control systems
  • Basic knowledge of TypeScript (preferably)

Who Should Attend?

  • Software developers with basic knowledge of React
  • Front-end engineers
  • Software engineers developing web applications
  • JavaScript developers
  • Professionals interested in performance and optimization in software projects
  • Those who want to write more secure and scalable code using TypeScript
  • All software enthusiasts who want to learn modern web development methods

Outline

Here is the English translation of the text:
Day 1: JavaScript Bundlers and Performance Optimization
  • What are JavaScript bundlers (Rollup, webpack, parcel, Snowpack) and how is their performance evaluated?
  • Effective methods and sample solutions to minimize bundle size.
  • Best practices for managing dependencies and loading of components.
Day 2: Micro Frontend Architecture and Framework Independence
  • What is a micro frontend architecture and how is it created?
  • Can a framework-independent structure be created? How to build a structure using different frameworks like React, Vue, and Angular?
  • Evaluation of the use of Next.js and Vite.js.
Day 3: Debugging and Performance Optimization
  • Use of debugging tools and methods for components, with examples.
  • Preventing unnecessary re-renders related to performance.
  • Use of React hooks like useState and useEffect.
Day 4: State Management and Component Optimization
  • Use of Redux, Redux Slice, and Redux Toolkit.
  • Breaking down components into smaller parts and creating higher-order components.
  • Use cases for useRef and usage scenarios for React hooks like useEffect.
Day 5: TypeScript, Testing, and Clean Code
  • Use of externally exported packages in TypeScript.
  • Usage of hooks introduced with React 18.
  • Front-end unit testing structure and use of WebSocket.
  • Creation and importance of a clean code structure.

Training Request Form