Generate templates (generate-react-cli) with Create-React-App (CRA) TypeScript project

Veröffentlicht am: 25 November 2020
auf dem Kanal: React Tutorials & Tips For ReactJs, d3 Developers

950

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

Auf dieser Seite können Sie das Online-Video Generate templates (generate-react-cli) with Create-React-App (CRA) TypeScript project mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer React Tutorials & Tips For ReactJs, d3 Developers 25 November 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 950 Mal angesehen und es wurde von 7 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!