Posts

Showing posts from September, 2022

10 Libraries You Should Know as a React Developer

Image
 Being a modern React developer is not about knowing just React itself. To stay competitive, it is highly recommended to explore the whole ecosystem In this article I've compiled some of the most useful React component libraries that you could use to speed up your developer workflow. Those will include anything from working with forms, charts, calendars, tables, guides, popups, colors, animations, music, images and so much more. 1. react-hook-form React Hooks for form state management and validation. 2. recharts Redefined chart library built with React and D3. 3. react-big-calendar An events calendar built for React and modern browsers. 4. react-beautiful-dnd Beautiful and accessible drag and drop for lists with React. 5. react-table A library for building powerful tables and data grids. 6. react-joyride Create guided tours for your apps. 7. react-advanced-cropper Create customized crops for your designs. 8. react-colorful A tiny, dependency-free, fast and accessible color picker c...

Setting up Node JS project with ESLint and Preetier

Image
Welcome back to yet another blog of Devbrewery. In this blog, we will see how we can set up a Node JS project with ESLint and Prettier. Why are Automated Lint and Code Style Important? ESLint  performs automated scans of your JavaScript files for common syntax and style errors. Prettier  scans your files for style issues and automatically reformats your code to ensure consistent rules are being followed for indentation, spacing, semicolons, single quotes vs double quotes, etc. We use them on our teams because: They keep everybody on the same page , following the same rules. They save time in code reviews because we can safely ignore all style issues, and focus on things that actually matter, like the structure and semantics of our code. They catch errors . Prettier, not so much, but ESLint actually catches a lot of syntax errors and simple forms of type errors, such as undefined variables. Setting these things up is a one-time cost , but the time-saving benefits compound over ...