AI Style Generator: Part 6
[ ]
October 17, 2024
Quote entry AI
Next.js
React
AI Style Generator: Part 5
[ ]
October 10, 2024
Apply font response AI
Next.js
React
AI Style Generator: Part 4
[ ]
October 3, 2024
Prompt engineering: quote cleanup and font AI
Next.js
React
AI Style Generator: Part 3
[ ]
September 26, 2024
Apply color response AI
Next.js
React
AI Style Generator: Part 2
[ ]
September 19, 2024
Prompt engineering: color AI
Next.js
React
AI Style Generator: Part 1
[ ]
September 12, 2024
OpenAI Node SDK AI
Next.js
React
Next.js Data Fetching: Part 6
[ ]
September 5, 2024
Conditional rendering Next.js
React
Next.js Data Fetching: Part 5
[ ]
August 29, 2024
Custom hook Next.js
React
Next.js Data Fetching: Part 4
[ ]
August 22, 2024
Error state Next.js
React
Next.js Data Fetching: Part 3
[ ]
August 15, 2024
Loading state Next.js
React
Next.js Data Fetching: Part 2
[ ]
August 8, 2024
Display fetched data Next.js
React
Next.js Data Fetching: Part 1
[ ]
August 1, 2024
Quotation endpoint Next.js
React
React Components: Part 6
[ ]
July 25, 2024
Animations: loading spinner Animations
CSS
React
TypeScript
React Components: Part 5
[ ]
July 18, 2024
Centering: Card component Animations
CSS
React
TypeScript
React Components: Part 4
[ ]
July 11, 2024
Variants: Button component Animations
CSS
React
TypeScript
React Components: Part 3
[ ]
June 27, 2024
Delegated props Animations
CSS
React
TypeScript
React Components: Part 2
[ ]
June 20, 2024
Props and TypeScript Animations
CSS
React
TypeScript
React Components: Part 1
[ ]
June 13, 2024
Setup: files and shadows Animations
CSS
React
TypeScript
A11y Pitfalls #2
[ ]
June 6, 2024
Spot the a11y errors A11y
HTML
Flexercise #3
[ ]
May 30, 2024
Use Flexbox to create the layout without media queries CSS
Flexbox
MDX Table of Contents: Part 6
[ ]
May 23, 2024
Scroll smoothly and adjust position for header MDX
Next.js
React
MDX Table of Contents: Part 5
[ ]
May 16, 2024
Link each item in the table of contents to the heading location in the blog post MDX
Next.js
React
MDX Table of Contents: Part 4
[ ]
May 9, 2024
Add a descriptive id for each heading MDX
Next.js
React
MDX Table of Contents: Part 3
[ ]
May 2, 2024
Make the table of contents sticky and responsive MDX
Next.js
React
MDX Table of Contents: Part 2
[ ]
April 25, 2024
Create a table of contents from the headings MDX
Next.js
React
MDX Table of Contents: Part 1
[ ]
April 18, 2024
Extract the headings from the MDX MDX
Next.js
React
Flexercise #2
[ ]
April 11, 2024
Use Flexbox to create a responsive footer CSS
Flexbox
Flexercise #1
[ ]
April 4, 2024
Use Flexbox to create the layout CSS
Flexbox
Copycat object
[ ]
March 28, 2024
Why doesn't an object copy maintain its identity? JavaScript
object
React Array Keys
[ ]
March 21, 2024
Why is `Math.random()` a bad value for the `key` prop? React
Unseen React Component
[ ]
March 14, 2024
Implicit returns aren't always implied JavaScript
React
JSX and the && Operator
[ ]
March 7, 2024
How exactly does && work in JSX? JavaScript
React
A11y Pitfalls
[ ]
February 29, 2024
Spot the a11y errors in this sign-in form A11y
HTML
Object Notation: Dot vs Bracket
[ ]
February 22, 2024
Access an object by a variable property JavaScript
object