https://github.com/nerooc/react-review-thesis

A set of helper apps used to review React functionalities
https://github.com/nerooc/react-review-thesis

Last synced: about 2 months ago
JSON representation

A set of helper apps used to review React functionalities

• Host: GitHub
• URL: https://github.com/nerooc/react-review-thesis
• Owner: nerooc
• Created: 2023-07-03T11:35:24.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-04T19:07:14.000Z (almost 3 years ago)
• Last Synced: 2025-08-31T09:42:50.430Z (10 months ago)
• Language: HTML
• Homepage:
• Size: 768 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# React Review Supplementary Repository

This repository contains a collection of examples showcasing various aspects of React, aligning with the theoretical concepts discussed in the associated thesis. These examples are designed to provide practical insights and hands-on experience with React.

## Table of Contents



  


Single Page Application (SPA) Frameworks

    


      
SPA Frameworks Comparison

      
SPA vs MPA

    

  

  
Component Architecture

  
JSX (JavaScript XML)

  
Virtual DOM

  


Hooks Preview

    


      
Hooks vs Lifecycle Methods

      
Basic Hooks Preview

      
Custom Hooks

    

  

  


State Management

    


      
Component State

      
Context API

    

  

  
React TypeScript Integration

  
Styling

  


Testing

    


      
Unit Testing

      
E2E Testing

    

  

  
Server-Side Rendering (SSR)

  


React Cloud Integrations

    


      
Atlassian

      
AWS

      
Vercel

    

  



### 1. Single Page Application (SPA) Frameworks

Explore different SPA frameworks and understand how React fits into the ecosystem. Examples demonstrate the benefits of SPAs in modern web development.

### 2. Component Architecture

Learn about React's component-based architecture, a fundamental concept in building scalable and maintainable applications. Example illustrates component creation and composition.

### 3. JSX (JavaScript XML)

Dive into JSX, a syntax extension for JavaScript often used with React. Example shows how JSX makes it easier to define UI components.

### 4. Virtual DOM

Discover the Virtual DOM, a key part of React's efficiency. Example demonstrates how the Virtual DOM optimizes rendering.

### 5. Hooks Preview

Get a preview of React's hooks, a feature introduced in React 16.8. Examples showcase how hooks can simplify state management and side effects.

### 6. State Management

Explore various state management solutions in React. Examples cover local state, context API, and state management libraries like Redux and MobX.

### 7. React TypeScript Integration

Learn how to integrate TypeScript with React for enhanced type safety. Example shows TypeScript usage in React components.

### 8. Styling

Examine different approaches to styling React components, including CSS, CSS Modules, CSS preprocessors, and CSS-in-JS solutions like Styled Components.

### 9. Testing

Understand the importance of testing in React applications. Examples cover unit testing with Jest and end-to-end testing with tools like Cypress.

### 10. Server-Side Rendering (SSR)

Explore Server-Side Rendering (SSR) with Next. Example demonstrates how SSR can improve performance and SEO.

### 11. React Cloud Integrations

Learn how to integrate React applications with cloud platforms like AWS Amplify, Atlassian Forge, and more. Examples showcase real-world integrations.

## Usage

Each module contains its own set of examples and a README file with instructions on how to run them. Simply navigate to the respective module's directory for detailed usage information.