Skip to content

README.md

Latest commit

 

History

History
31 lines (20 loc) · 1.22 KB

README.md

File metadata and controls

31 lines (20 loc) · 1.22 KB

atom-react-component-folder Build Status

An atom plugin to generate a most common react/react-native folder structure and template files

Installation

Install with apm install atom-react-component-folder or use Install Packages from Atom Settings.

Usage

Using the TreeView, Right click on any directory to expose the Create a component folder option. Selecting this option will open a modal that will allow you to enter component name. Pressing Enter Key will create a react/react-native component with template code.

Component structure

  HelloWorld
    - index.js
    - styles.js
    - styledComponents.js
    - HelloWorld.story.js
    - HelloWorld.test.js

Note: After working on few projects, we realised that the above component structure is flexible and maintainable.

atom-react-component-folder

Contribute

  • Please open an issue before submitting a PR
  • All PR's should be accompanied wth tests 🚀