Skip to content

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

Notifications You must be signed in to change notification settings

0xc0d3r/atom-react-component-folder

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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 🚀

About

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

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published