Implement Mini-React in 400 lines of code, a minimal model with asynchronous interruptible updates.

Overview

Presentation

Mini-React

Implement Mini-React in 400 lines of code, a minimal model with asynchronous interruptible updates.

Demos

A simple running screenshot:

Demo

Introduce

I used the tic-tac-toe tutorial example provided by React’s official website and can see that it works perfectly. In addition, it currently supports function components and class components, which may meet 80% of your needs!

This is what I created after reading a lot of React's source code, it's basically the same as React in overall logic and function naming, if you're interested in React's internals, it's for you!

License

MIT

You might also like...
Remix-code-snippets - Speed up your Remix development with dynamic code snippets
Remix-code-snippets - Speed up your Remix development with dynamic code snippets

remix-code-snippets Speed up your Remix development with dynamic code snippets.

A minimal game of Candy Crush in React

Candy Crush in React This project is in support of the tutorial found here To Start This Project npm i Install all the packages you need by running th

Minimal Phaser3 + Create React App template
Minimal Phaser3 + Create React App template

Phaser 3 + Create React App template This project was bootstrapped with Create React App. What's included? - Check the preview Phaser 3 - overlaid can

A Simple Minimal Portfolio Web App with Theme Switcher. Made using HTML5, CSS3, ES6, REACT.
A Simple Minimal Portfolio Web App with Theme Switcher. Made using HTML5, CSS3, ES6, REACT.

A Simple Minimal Portfolio Web App with Theme Switcher. Made using HTML5, CSS3, ES6, REACT.

A minimal operating system created with ReactJS
A minimal operating system created with ReactJS

mindows A minimal Operating System created with React. About This project provides a minimal Windows 10 experience in browser. It runs completely on c

A joyfully minimal riff on ECS with a focus on Developer Experience.

Everything you're seeing here is likely going to change quite a lot in the near future. I've added some preliminary typo-filled documentation to convey an idea of how this thing ticks, but please don't build anything with it right now that you can't risk to have to rewrite a couple of days later. :-P

An Anime Streaming Site with minimal UI and ad-free anime streaming experience
An Anime Streaming Site with minimal UI and ad-free anime streaming experience

An Anime Streaming Site with minimal UI and ad-free anime streaming experience. Made with :blue_heart: and React

The project is a twitter clone. React technology, React Router (Code Splitting), Sass.
The project is a twitter clone. React technology, React Router (Code Splitting), Sass.

The project is a twitter clone. React technology, React Router (Code Splitting), Sass. Helmet is used as npm package. The goal is to show the title of that page in the header when switching between pages. Waiting for your feedback.

Owner
Zachary Lee
Zachary Lee
A Pokemon cards website. There are 400+ pokemon sprites with their name, moves height, weight and picture

Hi ?? , I'm Rayan Hossain A passionate Full Stack developer with expertise in WordPress ?? I’m currently working on codes_tips ?? I regularly write ar

Rayan Hossain 3 Jul 11, 2022
The CryptoVerse is a Cryptocurrency web application developed using Reactjs for providing the latest updates, value statistics, market cap, supply and news regarding the Cryptocurrency market.

CryptoVerse - A Crptocurrency Web Application Getting Started with Create React App This project was bootstrapped with Create React App. Available Scr

Eesha Srivastava 4 Aug 26, 2022
Mini ecommerce website using react for frontend and django for backend

Mini ecommerce website using react for frontend and django for backend

Ben Boby 2 Nov 10, 2021
🍞 Jam is your own open source Clubhouse for mini conferences, friends, communities

Jam ?? Jam is an open source alternative to Clubhouse, Twitter Spaces and similar audio spaces. With Jam you can create audio rooms that can be used f

Jam 1.1k Sep 29, 2022
React-play: an open-source web app that helps you learn ReactJS faster with a hands-on practice model

react-play is an open-source web app that helps you learn ReactJS faster with a hands-on practice model. It is a collection of ReactJS projects that you can use to learn ReactJS.

ReactPlayIO 369 Sep 21, 2022
Faery-catwalk - A desktop app for viewing GLTF models with animations, with specific support for multi-model files

faery-catwalk A desktop app for viewing GLTF models with animations, with specif

Talin 3 Apr 1, 2022
Gamification-dApp -A clone of CoinMarketCap Diamonds gamification model, built using Moralis and the Ethereum-Boilerplate

Gamification-dApp -A clone of CoinMarketCap Diamonds gamification model, built using Moralis and the Ethereum-Boilerplate

null 20 Aug 31, 2022
a simple implement of react redux, redux-thunk with hexagonal architecture

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya

Cuong Nguyen 3 Aug 18, 2022
⭐ A non-SSR React starter with TypeScript / No Redux repo with the aim to implement scalable gold star standards from the get go!

A React starter repo with the aim to implement "scalable gold star" standards from the get go giving some examples with a couple of screens.

Kenneth* 4 Aug 22, 2022
AuthBee: a NPM package to implement authentication logic for the front end of your JavaScript project

AuthBee AuthBee is a NPM package to implement authentication in your JavaScript

Shakya Peiris 35 Sep 29, 2022