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