Generate templates (generate-react-cli) with Create-React-App (CRA) TypeScript project
sul canale di: React Tutorials & Tips For ReactJs, d3 Developers
As developers, we don’t like writing code again and again. generate-react-cli is a useful utility. It is a based-on templates, so we don’t need to write our code again and again.
If you come from Angular, you probably love the Angular CLI feature that it can generate templates for your project.
You can generate your project templates similarly using ‘generate-react-cli’ library in React. To install we will be using npx task script;
$ npx generate-react-cli component Header
First time running the script, it will install and create: generate-react-cli.json with the options you choose on the first time you use the tool, but feel free to change these manually.
To create your own custom component template file. Change ‘generate-react-cli.json’ to point to the templates files we will be creating;
{
"usesTypeScript": true,
"usesCssModule": false,
"cssPreprocessor": "scss",
"testLibrary": "Enzyme",
"component": {
"default": {
"path": "src/components",
"withStyle": true,
"withTest": true,
"withStory": false,
"withlazy": false
},
"page": {
"customTemplates": {
"component": "templates/component/component.js",
"style": "templates/component/style.scss",
"test": "templates/component/test.js"
},
"path": "src/pages",
"withLazy": true,
"withStory": false,
"withStyle": true,
"withTest": true
},
"layout": {
"path": "src/layout",
"withLazy": false,
"withStory": false,
"withStyle": false,
"withTest": true
}
}
}
Here is an example of creating a custom template for React Home page component.
$ npx generate-react-cli component HomePage --type=page
Take the Digital Course & Get 40 Pages React Book
https://www.udemy.com/course/getting-...
Get Free React 17 Book Chapter
https://elielrom.com/ReactBook
View the article on Medium
/ setting-up-professional-react-project-with...
Learning React?
https://github.com/EliEladElrom/react...
In questa pagina del sito puoi guardare il video online Generate templates (generate-react-cli) with Create-React-App (CRA) TypeScript project della durata di ore minuti seconda in buona qualità , che l'utente ha caricato React Tutorials & Tips For ReactJs, d3 Developers 25 novembre 2020, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 950 volte e gli è piaciuto 7 spettatori. Buona visione!
