What I learned making my first open source React component

  • A folder for your code, a folder for your demo app (plus dev server and hot loading, yay\o/), a folder that you should use and I didn’t, some build stuff for shipping… – – Basically, it gives you everything you need so you can focus on your component and don’t…
  • You need a demo page so you can show off your component in action.
  • react-lazyload-fadein, for example, has a demo page that shows off different ways you can use it.
  • People will find out about your component in different ways.
  • Especially if someone could figure out how to slurp in the README file and make that demo page for you 🤔 – – The React community is a bit silly and loves to invent new patterns to bicker about.

Continue reading “What I learned making my first open source React component”

ESLint in React + Babel + Webpack – Medium

Setup ESLint in a #ReactJS + Babel + Webpack environment:

  • We added a rule to check the length of our lines of code.
  • We need to add the eslint-plugin-react .
  • There are no errors displayed, because we didn’t specify any rules .
  • You will learn how to extend your ESLint rules with existing best practices rules of companies like Airbnb.
  • We can either specify our rules within the webpack configuration or follow a best practice to have a dedicated file for the rules.

The ESLint in React + Babel + Webpack tutorial will teach you how to setup ESLint in a React + Babel + Webpack environment. In addition to…
Continue reading “ESLint in React + Babel + Webpack – Medium”