Atom setup to improve reactJS development productivity
Whether you are a coder who specializes in ReactJS development services, AngularJS development services, or React native Development services this atom editor setup is sure to drastically improve your productivity.
This list is divided into two sections Utlities and ReactJS Development specific packages:
Atom’s alt+t (transpose) is like a string flip. Sublime’s would switch two selected strings one with another, which is a much more useful behavior.
With this package you can replace given string with another while preserving its original case.
A quick way to change the case of your current selection. From camelCase to snake_case etc.
Copy a file path flexibly.
It duplicates the selection if there is one, otherwise, duplicates the line.
It helps developers maintain consistent coding styles between different editors
It makes commits and other git things without the terminal
Just double click on a word to highlight it throughout the open file.
It is a package for maintaining local history of files .
It helps you get easy access to all your projects and manage them with project specific settings and options.
Related provides a quick way to access files that are “related” to the file currently opened. For example, switching between .js and .spec.js files.
It will creates easy Command Palette entries for setting the syntax of the current file.
It will sort and remove duplicated lines.
The plugin replaces tab’s title if the index is opene.* file for more readability
It will synchronize settings,user styles,keymaps, snippets, init script and installed packages across Atom instances. I back up all my settings to Gist and sync between work/personal computers.
Toggle a single-quoted string to a double-quoted string (and ticks ` in JS!)
HTML/CSS/JS/React Specific Packages:
It wraps tags around a selection
It will automatically add closing tags when opening tag is completed.
With this package autocomplete for require and import statements.
Helps write documentation faster.
A plugin which will greatly improves your HTML & CSS workflow and help your ReactJS development projects.
A package to display colors in project and files.
It allows you to copy relative path to file from tree view.
Some snippets to quickly use Lo-Dash Library in Atom.
React ES7 snippets for atom
Snippets for Jest testing framework
Looking to hire a ReactJS services company ?