Skip to content

danilocastronz/weldev-project-react-component-template-script

Repository files navigation

React Component Template Script by Welcome, Developer

Introduction

This app has the purpose of providing you with a Node.js script that creates a React component, its Storybook stories, and UI unit tests. Each file contains a start point that I wish you find it useful.

Hope you enjoy it (and save you some time), developers!

Features

The following frameworks/libraries have been implemented:

  1. React
  2. TypeScript
  3. Storybook
  4. React Testing Library
  5. Node.js

Install

To get up and running with the template, you just have to run the commands below:

git clone https://github.com/danilocastronz/weldev-project-react-component-template-script
cd weldev-project-react-component-template-script
yarn install

Creating React Components

To create a new React component using the template script, you just have to run the following command:

yarn new-component <component-name>

There you go, that's it! A new folder with the React component, Storybook stories, and UI unit tests, has been created in the src/components folder 👌

Customizations

Feel free to open scripts/components/templates/component.template.js and adjust the content of the files according to your preferences. My only goal here is to save you some time, and to give you a good start point.

Contributions

Contributions are more than welcome to our repository, developers. The goal is to make it a space where we contribute together to make it better! Feel free to create your own pull request with the contribution, or if you prefer, reach out to me with your idea 🙋‍♂️

Versions

  • 1.00 - Node.js script that generates a React component, Storybook stories, and UI unit tests for the component.

Author

  • Dan Castro

About

Node.js script that generates React components + Storybook stories + UI unit tests.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published