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%
🌐
GitHub
github.com › ikovic › reactCodeGenerator
GitHub - ikovic/reactCodeGenerator: A CLI tool for generating React components source code.
A CLI tool for generating React components source code. - ikovic/reactCodeGenerator
Author   ikovic
🌐
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:

  1. missing a lot of what I create afterwards (e.g. user login flow)

  2. 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!

🌐
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
Contribute to react-figma/code-generator development by creating an account on GitHub.
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%
Find elsewhere
🌐
Flatlogic
flatlogic.com › blog › 10+ best react codebase generators
10+ Best React Codebase Generators - Flatlogic Blog
March 4, 2024 - Hugo sites work without the need for a database or dependence on expensive runtime systems such as Ruby, Python, or PHP. Jekyll is a brilliant static website generator for React, based on Ruby and developed by GitHub co-founder Tom Preston-Werner.
🌐
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.
🌐
DEV Community
dev.to › refine › open-source-react-code-generator-component-for-crud-apps-based-on-your-api-on-the-fly-4hng
Open-source React code generator component for CRUD apps based on your API on the fly - DEV Community
December 13, 2022 - We are running an open source React-based framework for building CRUD apps rapidly. 🚀Source code: https://github.com/refinedev/refine · We have built a new component called "Inferencer". It generates full working CRUD page codes by analyzing the API response.
🌐
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%
🌐
Workik
workik.com › react-code-generator
FREE AI-Powered React Code Generator: Use Context-Aware AI on your Tech Stack
... Migrate from Angular to React, or upgrade to TypeScript/Next.js with Workik AI assistance. ... Automate repetitive React tasks, from component testing to code linting, with smart pipelines.