How I fixed 47 errors in my code with Conformance

on YouTube ↗09m

" summary

Claim: conformance in Next.js 11 finds and fixes 47 errors automatically. Workflow uses npm i next@latest react@latest react-dom@latest then npx next lint with strict rules. Concrete fixes shown: replace <img> with Next Image and add alt, name arrow functions, escape apostrophes with HTML entities, add missing React keys, forbid external synchronous scripts. Running the linter removes the flagged warnings and errors, improves performance, accessibility, and keeps the repo lint-clean.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 0:41History on Conformance
3. 1:27What Is Conformance
4. 5:41Assign Arrow Functions to a Variable before Exporting
5. 6:35Assign Arrow Functions to a Variable
6. 7:33Giant List of Missing Keys

" related talks

• 21mBringing Excellent UX to the React Ecosystem via Strong Defaults in Next.jsShubhie Panicker, Houssein Djirden · Next.js Conf 2020
• 27mOptimizing the Critical Rendering Path in ReactAlex Moldovan · React Day Berlin 2018
• 16mDear non-performant appNishu Goel · Reliable Web Summit 2021
• 49mWait, I have to test the front end too?Amy Kapernick · NDC London 2020
• 26mLightning Fast React AppsSia Karamalegos · AgentConf 2018
• 43mHinting at a better webChristian Heilmann · JavaScript fwdays'19
• 35mExploring the LighthouseKaterina Skroumpelou · FrontEnd Con 2018
• 37mReact Tune UpYoav Niran · React Live 2019