/some-useful-tools-for-writing-react

OtherNOASSERTION

Hello everyone and welcome to React!

Below are some helpful resources that may accelerate your React learning:

  1. If you're using Atom as your text editor, download a JSX plugin (a quick search for 'JSX' will reveal the most popular ones). This will give you some pretty great syntax highlighting for code that is specific to React, and will make coding easier. After the package is installed, open up your preferences in Atom. Depending on which package you choose, you may have to edit its settings so that it is the default syntax highlighter for files appended with .jsx

  2. Install the React Devtools Chrome Extension. This gives you access to some pretty great tools that make it a lot easier to debug your programs in React. Here is the repo for the extension.

  3. Most importantly, the official React Documentation, courtesy of Facebook. While you won't have the time to read over all of it now, it might be good to have bookmarked while you learn React.

  4. As a bonus, take a look at error handling in fetch

fetch("/api/foo")
  .then(response => {
    if (!response.ok) { throw response }
    return response.json()  //we only get here if there is no error
  })
  .then(json => {
    doSomethingWithResult(json)
  })
  .catch(err => {
    err.text().then(errorMessage => {
      displayTheError(errorMessage)
    })
  })

View Some Useful Tools for Writing React on Learn.co and start learning to code for free.