ReactJS

by facebookarchive ALL Top 100

Sublime Text helpers for React. Syntax highlighting DEPRECATED in favor of babel/babel-sublime

Details

Version 2015.05.11.19.44.00
Homepage github.com
Issues github.com
Modified 10 years ago
Last Seen 4 hours ago
First Seen 11 years ago

Installs

Total 252K
Win 114K
Mac 98K
Linux 40K

	Apr 15	Apr 14	Apr 13	Apr 12	Apr 11	Apr 10	Apr 9	Apr 8	Apr 7	Apr 6	Apr 5	Apr 4	Apr 3	Apr 2	Apr 1	Mar 31	Mar 30	Mar 29	Mar 28	Mar 27	Mar 26	Mar 25	Mar 24	Mar 23	Mar 22	Mar 21	Mar 20	Mar 19	Mar 18	Mar 17	Mar 16	Mar 15	Mar 14	Mar 13	Mar 12	Mar 11	Mar 10	Mar 9	Mar 8	Mar 7	Mar 6	Mar 5	Mar 4	Mar 3	Mar 2	Mar 1
Windows	1	0	2	3	4	5	4	6	0	3	2	4	4	2	2	1	0	0	2	3	4	3	9	1	3	1	2	5	4	3	4	1	3	3	4	5	3	3	6	3	0	1	1	5	0	1
Mac	1	1	1	1	1	2	0	0	1	0	0	2	0	2	3	1	1	0	0	0	1	2	2	1	0	0	0	1	0	0	1	4	2	2	1	2	0	2	1	1	1	3	1	1	1	0
Linux	0	0	0	0	4	0	0	2	2	1	1	0	1	0	1	0	2	0	2	1	1	0	4	1	1	4	2	0	1	0	1	1	0	2	0	3	3	0	2	2	1	1	2	0	4	3

Readme

Source: raw.githubusercontent.com

sublime-react

Snippets for ReactJS. This package used to provide JSX syntax highlighting and has been DEPRECATED in favor of babel/babel-sublime.

alt tag

Installation

Install the React package via Sublime's Package Manager

You will need the Sublime Package Manager.

Open the command palette: ⌘+shift+p on MacOS/Linux, ctrl+shift+p on Windows
type install, select Package Control: Install Package
type React, select ReactJS

Usage

Syntax highlighting

Syntax highlighting is no longer provided by this packages. We recommend that you use (babel-sublime) instead.

Snippets

It's easy! Simply activate snippets by typing a mnemonic followed by TAB.

alt tag

Snippets are available for both JSX and CJSX (React CoffeeScript).

Documentation of available snippets (JSX):

cdm→  componentDidMount: fn() { ... }

   cdup→  componentDidUpdate: fn(pp, ps) { ... }

     cs→  var cx = React.addons.classSet;

    cwm→  componentWillMount: fn() { ... }

    cwr→  componentWillReceiveProps: fn(np) { ... }

    cwu→  componentWillUpdate: fn(np, ns) { ... }

   cwun→  componentWillUnmount: fn() { ... }

     cx→  cx({ ... })

    fdn→  React.findDOMNode(...)

    fup→  forceUpdate(...)

    gdp→  getDefaultProps: fn() { return {...} } 

    gis→  getInitialState: fn() { return {...} } 

    ism→  isMounted()

  props→  this.props.

     pt→  propTypes { ... }

    rcc→  component skeleton

   refs→  this.refs.

    ren→  render: fn() { return ... }

    scu→  shouldComponentUpdate: fn(np, ns) { ... }

    sst→  this.setState({ ... })

  state→  this.state.

Contributing

Rebuilding the docs

After making changes to snippet files, run npm install && npm run build-docs to automatically generate this document from source. Do not make changes to README.md directly.

Contributor License Agreement

Contributions are very welcome, but we ask that you please fill out our CLA in order for us to accept your pull request.

React​JS