- Big news!Introducing Socket AI - ChatGPT-Powered Threat Analysis. Learn more →
cra-to-nx
Advanced tools
- Version published
- Maintainers
- 6
- Weekly downloads
- 1,009
- decreased by-63.74%
Weekly downloads
Changelog
Readme
Migrating CRA to Nx
This package will turn your React app into an Nx workspace with Vite. To use this package, your React app must have been generated and kept the structure of Create-React-App, with files generated either in js/jsx or ts/tsx.
How to use
Go to your CRA React app directory and run the following command:
npx nx init
Nx will automatically detect that you are in a CRA project and add Nx, Vite, and Vitest for you.
Ok, it's done, what do I do now?
Run, build, lint, test
Your previous scripts still work:
# Serve and build app with Vite
npm start
npm run build
# Run unit tests with Vitest
npm test
Generate code
Nx comes with code generators to automate repeatable tasks performed on your code.
Take a look at this guide.
And try generating a library:
nx generate lib ui-button
Courses, guides, docs
-
Or just use the VS Code Nx Extension, Nx Console to do all these using a UI.
FAQs
This package will turn your React app into an Nx workspace. To use this package, your React app must have been generated and kept the structure of Create-React-App, with files generated either in js/jsx or ts/tsx.
The npm package cra-to-nx receives a total of 608 weekly downloads. As such, cra-to-nx popularity was classified as not popular.
We found that cra-to-nx demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 6 open source maintainers collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.