I think the "normal way" you describe is only the first time you are doing something new. Once you've done it once or twice before, you'll usually be copying from your previous projects, making template projects for yourself configured exactly how you like it, etc. Since everyone has a different way of doing things, it's probably best for you to build it once from scratch so you understand it, then create your own reusable templates and libraries for future projects. Answer from CreativeTechGuyGames on reddit.com
GitHub
github.com › jondot › hygen
GitHub - jondot/hygen: The simple, fast, and scalable code generator that lives in your project.
hygen is the simple, fast, and scalable code generator that lives in your project. ✅ Build ad-hoc generators quickly and full on project scaffolds. ✅ Local generators per project (and global, if you must) ✅ Built-in scaffolds to quickly ...
Starred by 5.9K users
Forked by 267 users
Languages JavaScript 48.2% | TypeScript 35.1% | EJS 8.5% | CSS 8.0%
Videos
02:26:14
Master React JS in 90 Minutes: Full-Stack Demo Tutorial for Beginners ...
45:03
Build your own AI Code Generator – Full Tutorial - YouTube
12:08
How To Build a $5,000 React website with AI - YouTube
08:23
I Created The Same React App with 3 AI Tools... This One Is The ...
15:10
Generate cool React components using AI! Trying out v0 by Vercel!
04:57:25
How to Create Full Stack AI Website Generator App with Nextjs, ...
GitHub
github.com › nguyenkhois › code-template-generator
GitHub - nguyenkhois/code-template-generator: The lightweight React code template generator. You can also download this package on npmjs.com.
The lightweight React code template generator. You can also download this package on npmjs.com. - nguyenkhois/code-template-generator
Author nguyenkhois
Reddit
reddit.com › r/reactjs › react code generator?
r/reactjs on Reddit: React code generator?
September 18, 2021 -
Hi all,
Was wondering if there exists a tool/framework to generate configurable react code to speed up web-app creation.
This is somewhat much what CRA (create react app) does however CRA is:
-
missing a lot of what I create afterwards (e.g. user login flow)
-
a one-way one-off process. i.e. I can't 'unmount' features after they're created via a single click
The normal way devs build (myself included) is by gradually implementing features/libraries from github, google, stack overflow, or older projects which is slow.
The low-code / no-code way is quick, however you lose control over how things are implemented.
Thanks!
Top answer 1 of 5
4
I think the "normal way" you describe is only the first time you are doing something new. Once you've done it once or twice before, you'll usually be copying from your previous projects, making template projects for yourself configured exactly how you like it, etc. Since everyone has a different way of doing things, it's probably best for you to build it once from scratch so you understand it, then create your own reusable templates and libraries for future projects.
2 of 5
2
Hey, my tool https://divjoy.com sounds pretty close to what you describe. It's web based, so you pick all your stack options, tweak the UI in our low-code editor if you like, then export a complete React codebase. Would love to hear your thoughts/feedback.
GitHub
github.com › samnoh › react-code-generator
GitHub - samnoh/react-code-generator: React Code Generator
React Code Generator. Contribute to samnoh/react-code-generator development by creating an account on GitHub.
Author samnoh
GitHub
github.com › kazuyaseki › figma-to-react
GitHub - kazuyaseki/figma-to-react: Simple generator of React code from Figma
Simple generator of React code from Figma. Contribute to kazuyaseki/figma-to-react development by creating an account on GitHub.
Starred by 439 users
Forked by 92 users
Languages TypeScript 90.8% | CSS 5.8% | JavaScript 3.4%
GitHub
github.com › react-figma › code-generator
GitHub - react-figma/code-generator
Starred by 17 users
Forked by 3 users
Languages TypeScript 66.1% | JavaScript 29.8% | HTML 4.1%
GitHub
github.com › JPStrydom › Generate-React-Code
GitHub - JPStrydom/Generate-React-Code: An automated React code generation tool for React web, React-Native, and/or Redux with the ducks pattern.
An automated React code generation tool for React web, React-Native, and/or Redux with the ducks pattern. - JPStrydom/Generate-React-Code
Starred by 23 users
Forked by 7 users
Languages JavaScript 98.9% | CSS 1.1%
Divjoy
divjoy.com
Divjoy - The React Codebase Generator
The React codebase generator.
GitHub
github.com › XD2Sketch › gpt-react-designer
GitHub - XD2Sketch/gpt-react-designer: ⚡️ Generate and preview ⚛️ React components with 🤖 ChatGPT
The goal of this project is to have a playground for frontend developers to quickly generate and try out code snippets. In the current state it only understands TailwindCSS and plain inline CSS but this could easily be extended. ... Please feel free to open a PR to add feature suggestions to this list. Install dependencies with yarn, npm or pnpm. Set your OpenAI key by running the setup script ./setup.sh. Or by editing .env.local if you're running this code locally.
Starred by 156 users
Forked by 23 users
Languages TypeScript 89.1% | JavaScript 4.4% | CSS 3.3% | Shell 3.2%
GitHub
github.com › rosskhanas › react-qr-code
GitHub - rosskhanas/react-qr-code: A QR code generator for React and React Native.
A QR code generator for React and React Native. Contribute to rosskhanas/react-qr-code development by creating an account on GitHub.
Starred by 848 users
Forked by 82 users
Languages JavaScript
npm
npmjs.com › package › generate-react-code
generate-react-code - npm
npm i generate-react-code · github.com/JPStrydom/Generate-React-Code · github.com/JPStrydom/Generate-React-Code#readme · 6 · 2.0.0 · ISC · 1.14 MB · 42 · 7 years ago · Try on RunKit ·
» npm install generate-react-code
Published Nov 26, 2018
Version 2.0.0
Author JP Strydom
GitHub
github.com › ndenicolais › qr-code-generator
GitHub - ndenicolais/qr-code-generator: QR Code Generator based on React with the integration of React Router
QR Code Generator based on React with the integration of React Router - ndenicolais/qr-code-generator
Author ndenicolais
RapidNative
rapidnative.com
RapidNative | AI-Powered Code Generator for React Native & Expo
Reduce development costs by up to 80% with automated code generation and faster iteration cycles. ... Share prototypes, then export real React Native code to GitHub, Expo, or your workflow.
GitHub
github.com › travolgi › react-qrcode-generator
GitHub - travolgi/react-qrcode-generator: Qr Code Generator based on the entered URL. Customize and download your generated Qr Code.
Qr Code Generator based on the entered URL. Customize and download your generated Qr Code. - travolgi/react-qrcode-generator
Starred by 21 users
Forked by 11 users
Languages JavaScript 46.6% | CSS 43.5% | HTML 9.9%
JIT.dev
jit.dev › react-code-generator
React Code Generator
Effortlessly generate React code for your projects with our AI-powered React Code Generator. Speed up development and focus on building great apps.
GitHub
github.com › JedWatson › generator-react-component
GitHub - JedWatson/generator-react-component: React Component Project Generator
React Component Project Generator. Contribute to JedWatson/generator-react-component development by creating an account on GitHub.
Starred by 220 users
Forked by 19 users
Languages JavaScript 80.0% | CSS 10.7% | HTML 9.3%