Thread by @swapnakpanda

💙 Custom React-Based Tools

⮑ Web App
⮑ create-react-app
⮑ Gatsby
⮑ Next.js
⮑ Native App
⮑ React Native Mobile
⮑ React Native Desktop
⮑ CLI
⮑ Ink
⮑ React Blessed
⮑ PDF
⮑ react-pdf

And, many more.

🧵 👇

❝Learn React Once
Build Apps for any Platform❞

❍ React's architecture is so flexible that anyone can build a custom renderer

❍ The renderer converts JSX component to native component

❍ The final product could be anything. It even doesn't need JS-Engine at run-time.

⬔ Web Application

⮑ Client-Side
⮑ create-react-app (SPA)
⮑ Server-Side
⮑ Gatsby (SSG)
⮑ Next.js (SSR + SSG)

❅ Legend:

➊ SPA: Single Page Application
➋ SSR: Server Side Rendering
➌ SSG: Static Site Generator

⬓ Native Application

⮑ Mobile App
⮑ React Native
⮑ Desktop App
⮑ react-native-windows
⮑ react-native-macos

❅ Refer:

➊ reactnative.dev
➋ microsoft.github.io/react-native-w…

⬕ Command Line Interpreter (CLI)

Build wonderful CLIs using

⮑ Ink
⮑ React Blessed

❅ Refer:

➊ github.com/vadimdemedes/i…
➋ github.com/Yomguithereal/…

⬒ PDF Generator

Generate PDF by writing React code.

⮑ react-pdf

❅ Refer:

➊ react-pdf.org

⬔ Bonus

➊ Unity based Games: React Unity
github.com/ReactUnity/core

➋ Sketch (Design System): React Sketch .app
airbnb.io/react-sketchap…

➌ Node.js Server: Reactend-Express
reactend.herokuapp.com

With this, we come to the end of this 🧵

If you are interested in ReactJS, do not forget to follow {@swapnakpanda}

If you found this 🧵 useful, please
♥️ Like
🔁 RETWEET
💬 Reply
the very FIRST tweet.

Take care. 👋

⬓ Video Creator

Create MP4 videos by writing React code.

⮑ Remotion

❅ Refer:

➊ remotion.dev

👇 to go back to the 🔝

https://twitter.com/swapnakpanda/status/1473298141050859525?s=20