[List] Atom Setup for your next react project !!
React & Atom
Reading all these articles also has improved my English skill, so I decided to write my first post on medium yeeep !!! :).Yet I’m not a native English speaker, so feel free to point out grammatical and/or syntactical errors :).
- amazing community.
- simple API and good documentation.
- you can find a lot of free tutorials about reactjs in YouTube.
- more and more …
To make building these apps more fun and easier you need a good editor, in this article, we will discuss My best practices using editors.
Let’s start !!!
Sublime, Atom, Bracket, vs Code the new generation of editors in last years with big benefits:
- thousands of extensions
- cross platform
VS Code is good for Angular2 apps with typescript support but isn’t good enough for react, using atom “A hackable text editor for the 21st Century “ with react is the best choice. Atom free editor from GitHub community they make a great work building this amazing editor with thousands of packages. yes, packages are the key to making your work easier.
you need the right package to do the right task !!
This is my list of packages to enjoying react development:
- React snippets: react-es6-snippets : React ES6 snippets for atom, react-es7-snippets : React ES6 snippets for atom
- autocomplete-modules : Autocomplete for require/import statements.
- tree view open files: inside a big project, it’s hard to jump to file inside a tree folders, with open files view you can jump to any working file quickly.
- auto-update-package: automatically checks for package updates every 6 hours by default. If any updates are available, it installs them and notifies you via OS X Notification Center.
- wakatime : if you want to get metrics of your activity coding inside atom, wikatime is the answer it’s amazing !!!
- linter-write-good : if you are like me not a native English speaker linter write good is for you, it will help you correct all grammar mistakes inside atom
- Git-plus :Do git things without the terminal
you have other packages please leave a comment.
I hope this tutorial give you new tricks to enjoy your next react development. click the heart to recommend this post or share it if you find it useful, don’t forget to follow me on medium to read my next article.