• Packages
  • Themes
  • Documentation
  • Blog
  • Discuss
Sign in

osd-atom-snippets

Snippets for react and react-native used at Osedea
  • #react
  • #redux
  • #snippets
  • #es6
Osedea
1.6.0 164
0
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

Osedea Atom Snippets

All our snippets are conforming to our eslint configuration.

  • React snippets using ES6
  • React-native snippets using ES6
  • Redux ducks snippets

This repo has been inspired a lot by Websbushka's atom-react-snippets package.

What is a snippet again?

A snippet is a piece of code linked to a shortcut/alias.

In our case, all our snippets' aliases start by osd for Osedea so we have for example:

  • osdReactClass : Creates a standard ES6 React Class
  • osdDuck : Creates a Duck

But a snippet is a bit more than just a piece of code, it also specify fields that you can fill.

After inserting a snippet, hitting Tab will make your cursor jump from field to field.

Install

  • Press Command + Shift + p
  • Type Install P
  • Press Settings View: Install Packages And Themes or type return
  • Type osd-atom
  • Install osd-atom-snippets
  • Restart Atom
  • Fly off!

Use

Go in a js file and type osd and Atom should propose you all of the possible snippets.

After choosing one, press return and it should insert the snippet with the cursor in the first "field".

Hit Tab to go from the current "field" to the next "field" of the snippet.

A screenshot of your package

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by