ctrl+shift+p filters: :st2 :st3 :win :osx :linux
Browse

React​JS

by facebookarchive ALL Top 100

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

Details

  • 2015.05.11.19.44.00
  • github.​com
  • github.​com
  • 5 years ago
  • 2 hours ago
  • 6 years ago

Installs

  • Total 216K
  • Win 93K
  • Mac 90K
  • Linux 33K
Jul 2 Jul 1 Jun 30 Jun 29 Jun 28 Jun 27 Jun 26 Jun 25 Jun 24 Jun 23 Jun 22 Jun 21 Jun 20 Jun 19 Jun 18 Jun 17 Jun 16 Jun 15 Jun 14 Jun 13 Jun 12 Jun 11 Jun 10 Jun 9 Jun 8 Jun 7 Jun 6 Jun 5 Jun 4 Jun 3 Jun 2 Jun 1 May 31 May 30 May 29 May 28 May 27 May 26 May 25 May 24 May 23 May 22 May 21 May 20 May 19 May 18
Windows 36 24 25 36 20 17 26 29 27 34 21 26 15 28 33 30 29 34 23 26 31 33 36 41 35 29 24 19 33 34 47 36 38 27 33 36 30 40 32 20 20 37 35 37 27 23
Mac 9 23 16 15 9 14 10 18 10 18 20 7 12 13 14 16 21 13 14 13 17 20 14 15 18 10 10 17 13 17 13 22 13 15 18 14 20 10 22 7 13 19 17 11 25 13
Linux 8 6 14 8 6 11 9 15 16 16 13 12 5 14 10 13 9 12 13 15 13 17 15 12 7 7 5 13 12 15 10 14 8 12 13 16 10 13 10 6 13 12 7 13 6 16

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.