whatisgithub

What is atom-react?

skevy/atom-react — explained in plain English

Analysis updated 2026-07-17 · repo last pushed 2014-12-30

CoffeeScriptAudience · developerComplexity · 1/5DormantSetup · easy

In one sentence

An Atom editor package that adds React.js support: colored syntax highlighting for JSX and code snippets that auto-expand into React boilerplate.

Mindmap

mindmap
  root((atom-react))
    What it does
      Syntax highlighting
      Code snippets
      Editor package
    Tech stack
      CoffeeScript
      Atom editor
      JSX
    Use cases
      Highlight JSX code
      Speed up boilerplate
      Spot syntax errors
    Audience
      React developers
      Atom users
    Origin
      Ported from Sublime Text
      Community contributions

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Get colored syntax highlighting for JSX and React code in Atom.

USE CASE 2

Auto-expand snippets into full React component skeletons.

USE CASE 3

Spot syntax errors more easily while writing React code.

USE CASE 4

Speed up writing repetitive React import and component boilerplate.

What is it built with?

CoffeeScriptAtomJSXReact

How does it compare?

skevy/atom-reactskevy/atom-lintskevy/cjsx-refactor
LanguageCoffeeScriptCoffeeScriptCoffeeScript
Last pushed2014-12-302014-05-172014-11-18
MaintenanceDormantDormantDormant
Setup difficultyeasymoderatemoderate
Complexity1/52/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Install as an Atom package, no external services required.

Copy-paste prompts

Prompt 1
Show me how to install and enable the atom-react package in Atom for JSX syntax highlighting.
Prompt 2
List the snippet shortcuts this package provides for generating React component boilerplate.
Prompt 3
Explain how this package's syntax highlighting differs from Atom's default JavaScript grammar.
Prompt 4
Help me port one of these Atom snippets into a snippet for VS Code.

Frequently asked questions

What is atom-react?

An Atom editor package that adds React.js support: colored syntax highlighting for JSX and code snippets that auto-expand into React boilerplate.

What language is atom-react written in?

Mainly CoffeeScript. The stack also includes CoffeeScript, Atom, JSX.

Is atom-react actively maintained?

Dormant — no commits in 2+ years (last push 2014-12-30).

How hard is atom-react to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is atom-react for?

Mainly developer.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.

What are similar repos?