Learning react

This project was bootstrapped with Create React App.

Available Scripts

In the project directory, you can run:

`npm start`

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

`npm test`

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

`npm run build`

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

`npm run eject`

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use eject. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

Resources:

Web (+ NW & Electron)

react-dom - A declarative, efficient, and flexible JavaScript library for building user interfaces.
react-tiny-dom - A minimal implementation of react-dom using react-reconciler
react-art - React Bridge to the ART Drawing Library.
react-canvas - High performance canvas rendering for React components.
react-pixi-fiber - Write PixiJS applications using React declarative style.
react-three - React bindings to create and control a 3D scene using three.js.
React-GL - Render React components in WebGL for 60 FPS animations.
ReactLiberty - Connect, discover, be free to choose between WebGL / Canvas (PIXI) / DOM or any other UI renderer.
react-vr - Render React components in WebGL/WebVR for VR apps.
react-konsul - A react renderer that renders to the browser's devtools console.
react-worker-dom - Experiments to see the advantages of using Web Workers to Render React Virtual DOM.
rax - A universal React-compatible render engine.
react-native-dom An experimental, comprehensive port of React Native to the web.

Desktop

proton-native - A React environment for cross platform native desktop apps.
stain - [beta] rapid GUI development using familiar technologies (fat-free electron).
React NodeGUI - Build performant, native and cross-platform desktop applications with native React + powerful CSS like styling.🚀
react-gtk - React Native renderer for gtk powered cross platform desktop applications that run on OSX, Linux and Windows.
react-qml - Build native, high-performance, cross-platform applications (desktop and mobile) through a React (and/or QML) syntax.

Mobile

react-native - A framework for building native apps with React.
react-titanium - React custom renderer for Appcelerator® Titanium™ SDK.

Command Line Interface

react-blessed - A react renderer for blessed.
ink - React for interactive command-line apps.
react-cli - a react renderer for the command line.

Television

react-tvml - React bindings to Apple's TVJS and TVML.
React-Gibbon - React bindings to Netflix's custom Gibbon rendering layer on TV devices.
react-tv - React development for TV (WebOS, SmartTVs).
react-ape - React Renderer to build UI interfaces using canvas/WebGL.

Hardware

react-hardware - React Hardware enables you to build firmata-based hardware applications using React.
react-dmx - Use React components to control lights and devices with DMX channels.
react-ssd1306 - A React Renderer for SSD1306 OLED chip on Raspberry Pi.

Email

react-html-email - Create HTML email templates using React without dealing with archaic HTML elements.
oy - Render HTML emails on the server with React.

File

react-pdf - Create PDF files using React.
redocx - Create word documents using React.
react-fs-renderer - Declaratively render a tree of files with JSX.
fileable - Render file trees using JSX Templates.

Music

wax - An experimental, JSX-compatible renderer for the Web Audio API.

Miscellaneous

noop-renderer - This is a renderer of React that doesn't have a render target output. It is useful to demonstrate the internals of the reconciler in isolation and for testing semantics of reconciliation separate from the host environment.
react-ast - React AST is the ultimate meta programming tool that uses react to render abstract syntax trees. It can be used to build powerful code generators and babel plugins that are easy to read and can scale.
react-test-renderer - React package for snapshot testing.
react-x11 - React renderer with X11 as a target.
react-sketchapp - render React components to Sketch.
react-figma - render React components to Figma.
react-slack-renderer - render Slack messages using React.
workflow-react - render your desktop layout with React.

Learn

Building a Custom React Renderer - "Building a Custom React Renderer | Sophie Alpert" in React Conf 2019.
tiny-react-renderer - Learn you a React Renderer for Great Good.
Making-a-custom-React-renderer - Tutorial on how to make a custom React renderer.
⚛️👆Beginners guide to React Renderers. How to build your own renderer from scratch?
Render React to Embedded LCD - Tutorial for building a React renderer that dynamically updates an OLED chip, based on the embeddable QuickJS intepreter, native C driver modules, and a HTML5 canvas emulator.

License

To the extent possible under law, Iqbal Khan has waived all copyright and related or neighboring rights to this work.

iqbalyarkhan / react