A simple React.js on MacOS Setup

  • The node package manager is used to install libraries/frameworks (node packages), such as React, on the command line to your project.
  • That’s why my recommendation would be Visual Studio Code to start developing React applications on MacOS.
  • The installation on a MacOS machine is simple: Navigate to the official Visual Studio Code website and download the recent version of VS Code.
  • That’s your integrated command line in Visual Studio Code to install node packages with NPM or to start/test your project.
  • On the command line (in Visual Studio Code), type the following command to install create-react-app: – – This package allows you to bootstrap React applications with zero-configuration.

A concise step by step guide on how to setup React.js on MacOS. In a few steps, you will install Visual Studio Code, Node.js, NPM, Git, Prettier and create-react-app for building React applications with Mac OS …
Continue reading “A simple React.js on MacOS Setup”

React Code Style with ESLint + Babel + Webpack

  • ESLint in JavaScript helps you to set up rules and to enforce code style.
  • You can setup rules for JavaScript and React to enforce a unified code style.
  • ESLint rules apply for a lot of different code style use cases.
  • We could use other extensions as well, but at this time the Airbnb Code Style and the according ESLint configuration are very popular and well accepted by developers.
  • And you can disable a rule in a local file: – – There are a handful of useful style guides in the JavaScript and React community.

You want to setup ESLint in your ReactJs project? But your project includes Babel and Webpack? This article will guide you through all the options with style guides such as Airbnb’s style guide, the setup process for ESLint in React, and more beneficial recommendations to follow styling rules in your project …
Continue reading “React Code Style with ESLint + Babel + Webpack”