Adhish Bangera

Web Developer

[Adhish Bangera @adhish_bangera]

Just got acquainted with React Hook Form, a great library for form management in React. It handles field registration, validations, error handling, and integrates smoothly with UI libraries.

#React #ReactHookForm

[Adhish Bangera @adhish_bangera]

Day 4 of learning Docker. Revised on all the learnt docker concepts.

#docker #LearnInPublic

[Adhish Bangera @adhish_bangera]

Day 3 of learning Docker. Learnt about docker hub and docker compose.

#docker #learninpublic

[Adhish Bangera @adhish_bangera]

Day 2 of learning Docker. Topics covered:
1) Layers
2) Volumes
3) Networks

#docker #LearnInPublic

[Adhish Bangera @adhish_bangera]

Started to learn Docker today! Here's what I've learned so far:

#Docker #LearnInPublic

[Adhish Bangera @adhish_bangera]

Customizing ESLint rules
We can modify the ESLint rules based on our usecase by adding it in the rules .eslintrc.json file.
"rules" : { "no-console": "off", "quotes": ["error","double"]}
This will apply rules like double quotes must be used instead of single quotes and so on

[Adhish Bangera @adhish_bangera]

Setting up ESLint
1. Install Eslint using the command npm install eslint --save-dev.
2. Initialize an ESLint configuration for the project using the command ./node_modules/.bin/eslint --init

[Adhish Bangera @adhish_bangera]

Configure Eslint to automatically format code and fix syntax error on save. To do this goto view→ command pallete and search for Preferences: Open Workspace Settings (JSON) and add
{ "editor.codeActionsOnSave": {"source.fixAll.eslint": true},"eslint.validate": ["javascript"]}

[Adhish Bangera @adhish_bangera]

Setting up project
1. Create a directory with a suitable name.
2. Navigate to the directory and execute npm init to initialize the project. This will create a package.json file which will contain all the dependencies of the project.

[Adhish Bangera @adhish_bangera]

Explored ESLint recently from rules setup to error detection, it's been a valuable tool for improving code quality. Checkout out the thread below to see what I've learned!.

#ESLint #CodeQuality

[Adhish Bangera @adhish_bangera]

ESLint is a tool for identifying, reporting and formatting code based on certain standards or rules so that the code is consistent and more readable with minimal errors. It can be integrated into VS code to check the code for syntax errors and highlight errors.

[Adhish Bangera @adhish_bangera]

Snapshot testing to capture our component's UI state at a specific moment. Keeping track of UI changes.

[Adhish Bangera @adhish_bangera]

Explored Jest with React Testing Library and covered topics from test project setup to snapshot testing!
More details in the 🧵

#React #testing #Jest #ReactTesting

[Adhish Bangera @adhish_bangera]

Testing React Router. Verifying navigation and route handling for seamless user experiences.