Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/nicksp/mighty-react-snippets

Crafty React & Redux snippets for Atom Editor
https://github.com/nicksp/mighty-react-snippets

atom atom-editor atom-package react-snippets redux-snippets

Last synced: about 1 month ago
JSON representation

Crafty React & Redux snippets for Atom Editor

Awesome Lists containing this project

README

        

# Mighty React & Redux Snippets

Atom editor snippets for React and Redux. Made to be compliant with the latest & hottest ES6 and ES7 standards.

**Add the Airbnb's ESLint config to your project (optional)**

```sh
npm install --save-dev eslint-config-airbnb babel-eslint eslint-plugin-react eslint
echo '\''{ extends: [airbnb], }'\'' > .eslintrc'
```

## Installation

```sh
apm install mighty-react-snippets
```

## Features / Available Commands

- [React Snippets](https://github.com/nicksp/mighty-react-snippets/wiki/React-Snippets)
- [React Router Snippets](https://github.com/nicksp/mighty-react-snippets/wiki/Router-Snippets)
- [Redux Snippets](https://github.com/nicksp/mighty-react-snippets/wiki/Redux-Snippets)

## Contributing

1. Fork repo
1. Create your feature branch: `git checkout -b my-cool-feature`
1. Commit your changes: `git commit -m 'Add cool feature'`
1. Push changes: `git push origin my-cool-feature`
1. Submit a pull request

## Usage

After install just type one of the shortcuts below and hit tab to expand the snippet in your editor. Only works on files already saved as `.js` or `.jsx`.

Continue hitting tab to cycle through and highlight common editing points in a snippet. The `${N}` syntax in the examples below denote the highlight points.

## License

[MIT License](https://nicksp.mit-license.org/) © Nick S. Plekhanov