React Basics

Seminarziel

• Improve Technical Competence: By providing training in React, companies aim to enhance the technical skills and competence of their employees. This enables them to work more efficiently and effectively on React-based projects, resulting in higher-quality code and improved productivity.
• Boost Development Speed: React's component-based architecture and reusable nature enable faster development cycles. By training employees in React, companies can accelerate development speed, allowing them to deliver projects more quickly and meet deadlines more effectively.
• Increase Code Maintainability: React promotes modular and reusable code, making it easier to maintain and update applications over time. By teaching employees React best practices and principles, companies can ensure that their codebases are more manageable, reducing technical debt and improving long-term maintainability.
• Foster Collaboration and Consistency: A shared knowledge and understanding of React among employees foster collaboration and communication within development teams. By aligning on React as a common framework, companies can ensure consistent coding practices, improve teamwork, and enable smoother knowledge sharing among developers.
• Attract and Retain Talent: React is a popular and widely-used framework in the industry. By offering React training, companies can attract talented developers who are seeking opportunities to work with modern technologies. Additionally, providing learning and growth opportunities through training programs can help companies retain their top talent.
• Future-Proof Technology Investments: React has gained significant popularity and is backed by a large and active community. By investing in React training, companies can future-proof their technology stack and ensure that their employees are equipped with skills that are relevant and in demand.

Inhalt

• Introduction to React
  • What is React?
  • Why use React?
  • React ecosystem overview
•  Setting up the Development Environment
  • Installing Node.js and npm
  • Creating a new React project using Create React App
• Components and JSX
  • Understanding components and their role in React
  • Introduction to JSX (JavaScript XML)
  • Creating and rendering components
  • Working with props
• React Template Language
  • Binding content and props
  • Event handlers
  • if/else statements
  • Repeating elements
  • CSS classes and styles
• State and Declarative Rendering
  • Working with state and the State Hook
  • Working with state in class components
  • State management with reducers and the Reducer Hook
  • Overview of the Redux ecosystem
• React with TypeScript
  • TypeScript basics: type declarations, function signatures, type aliases, generics (as needed)
  • Typing component props and events with TypeScript
  • Typing event handlers with TypeScript
  • Typing various hooks with TypeScript
• Components
  • Integrating pre-built components
  • Defining custom components
  • Props and events in custom components
  • Inspecting components with React Developer Tools
• API Requests and the Effect Hook
  • Sending HTTP requests using fetch or Axios
  • Triggering HTTP requests using the Effect Hook
• Advanced Topics in the React Universe
  • Working with routers
  • Defining custom hooks
  • Using external hooks
  • Context: Providing data across a component tree
  • Testing React applications with Jest