Stanza.dev

The path to Fullstack AI Engineering.
👨‍💻 Lessons and challenges on the modern technologies and AI tools right in your code editor, Slack or the web.

[Oli @OliGila]

🎉 More than 1000 lessons completed on my AI Engineering learning platform 🥹🥹🥹

So proud about that one, hope to see you there if you're looking to learn OpenClaw 🦞, React ⚛️, Nextjs ▲, Python 🐍 and many more!

https://t.co/243fN4bCNe

[Oli @OliGila]

🦞 HEARTBEAT.md Deep Dive

HEARTBEAT.md is a markdown checklist that defines what an agent inspects during each heartbeat cycle

full lesson → https://t.co/Lfe7MQjSMs

[Oli @OliGila]

🙌 Open-sourcing 2,100+ lessons on React, Next, TypeScript, Rust and more

I'm building these courses for weeks based on languages and frameworks documentations,

I'm using claude code + documentation of latest language versions + Context7 MCP + 4 markdown files used one after the other to:
- Generate the courses ideas and sections.
- Generate the content of the courses with dedicated sections (intro, Key concepts, Deep Dive, real world cases and more)
- QA the course again based on the documentation + context7 MCP
- Add challenges that match the lessons in order to make you practice.

I'm improving the content everyday, there are around 200 devs following the courses through the web UI and I would love your feedback on this ✌️

https://t.co/QHJgOH5f7w

[Oli @OliGila]

🦞 OpenClaw is finally on Stanza

I'm upgrading Stanza from a classic learning platform into a Fullstack AI Engineering learning platform,

If some of you want to learn about openClaw and give me some feedback on the courses that would be gold to me!

https://t.co/oeRlZQqqaY

[Oli @OliGila]

👀 Open-sourcing 2,100+ lessons on React, Next.js, TypeScript and more

Building in public my open coding learning platform and I think that having the courses public would increase the value and user engagement,

What's inside:
- 15 React courses (hooks deep dive, server components, performance, testing, patterns...)
- 6 Next.js courses (app router, API patterns, i18n, auth, optimization)
- 4 TypeScript courses (advanced types, architecture, production patterns)
- All with TypeScript code examples and links to official docs
- More courses on modern technos

The repo is organized by technology → course → section, each lesson is a clean markdown file you can read directly on GitHub.

👉 https://t.co/QHJgOH5f7w

What content I'm planning to add:
- Skills roadmaps
- Public technical tests repositories
- Most famous newsletters per technos
- Am I missing something?

[Oli @OliGila]

🚨 Open Source courses for modern devs

React, Nextjs, Typescript, Php, Nestjs, Postgresql and more

I'm opensourcing the courses content from https://t.co/oeRlZQqqaY, feel free to contribute and improve the courses

Like and share for support 🙏💛

👉 https://t.co/5CI5cGB7mJ

[Stanza.dev @stanzadev]

React Mastery ⚛️ (8/60) - Beginner Challenge

Default Props

To set a default value for a prop in React, you use JavaScript's ___ parameter syntax in the function signature.

A) default
B) optional
C) fallback
D) required

[Stanza.dev @stanzadev]

@RThakur52071 @OliGila Send some feedback about anything, would love to know what to improve, why and how!

[Stanza.dev @stanzadev]

React Mastery ⚛️ (7/60) - Beginner Challenge

Props Immutable

Can you modify props inside a component?

A) Yes, props are mutable
B) No, props are read-only
C) Only in class components
D) Only with useEffect

[Stanza.dev @stanzadev]

Currently Duolingolizing the Stanza's experience, adding levels + Achievements + Streaks making code learning fun again!!

[Stanza.dev @stanzadev]

React mastery challenge ⚛️ (6/60)
Level: Beginner

Which is a valid React component name?

A) button
B) Button
C) BUTTON
D) All of the above

[Stanza.dev @stanzadev]

React Mastery challenge ⚛️ (5/60)
The purpose of Keys:

Why do we need key props when rendering lists?

A) For CSS styling purposes
B) To help React identify which items changed, added, or removed
C) To make the code more readable
D) Keys are optional and only for debugging

[Stanza.dev @stanzadev]

👇 Solution & more challenges:
https://t.co/gIA6cDZBjL

[Stanza.dev @stanzadev]

React Mastery ⚛️ Challenge 4/60

Conditional Rendering with &&

When using {condition && <Component />} in JSX, what happens if condition is false?

A) The string 'false' is rendered
B) An error is thrown
C) Nothing is rendered (the expression is skipped)
D) undefined is rendered

[Oli @OliGila]

Adding a public technical test database to Stanza!

Passing an interview soon and want to practice before the real test? I'm creating a public database for everyone!

If you know public Github urls of technical tests, send them to me 👀🎉

https://t.co/hgDcjrEwhe

[Stanza.dev @stanzadev]

👇 Solution & more challenges:
https://t.co/gIA6cDZBjL

[Stanza.dev @stanzadev]

React Mastery ⚛️ Challenge (3/60)

JSX Class Attribute

In JSX, how do you apply a CSS class to an element?

A) class="container"
B) className="container"
C) cssClass="container"
D) Class="container"

[Stanza.dev @stanzadev]

👇 Solution & more challenges:
https://t.co/gIA6cDZ3ud

[Stanza.dev @stanzadev]

React Mastery ⚛️ (2/60)

JSX Curly Braces

In JSX, curly braces {} are used to embed ___ expressions that get evaluated at runtime.

A) JavaScript
B) HTML
C) CSS
D) JSON

[Stanza.dev @stanzadev]

👇 Solution & more challenges:
https://t.co/gIA6cDZ3ud

[Stanza.dev @stanzadev]

React Mastery ⚛️ (1/60)

What is React?

React is primarily a:

A) A full-stack framework
B) A JavaScript library for building user interfaces
C) A database management system
D) A CSS framework