Skip to content

Add React/Dart tutorial blog post and fix CSS #50

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
MelbourneDeveloper merged 5 commits into from
Jan 29, 2026
Merged

Add React/Dart tutorial blog post and fix CSS #50

MelbourneDeveloper merged 5 commits into from
Jan 29, 2026

Conversation

@MelbourneDeveloper
Copy link
Owner

@MelbourneDeveloper MelbourneDeveloper commented Jan 29, 2026 •
edited
Loading

TLDR;

Blog post tutorial for building React apps with Dart + CSS fix for inline code

What Does This Do?

  • Adds a new blog post "Build a React Website With Dart" - step-by-step tutorial teaching how to build React web apps using dart_node_react
  • Fixes inline code CSS color from ugly red/orange to teal that matches the theme
  • Fixes incorrect package versions in the tutorial (^0.1.0 → ^0.11.0-beta)

Brief Details?

The blog post covers:

  • Setting up a Dart project with dart_node_react
  • Creating React components in Dart
  • State management with useState
  • Side effects with useEffect
  • Building forms
  • Compiling and running

CSS change: code { color: var(--color-secondary) } → code { color: var(--color-primary-light) }

How Do The Tests Prove The Change Works?

  • Followed the tutorial step-by-step and verified the app compiles and renders correctly
  • Visually verified the CSS fix in dark mode - inline code now displays in teal instead of red/orange

🤖 Generated with Claude Code

claude and others added 5 commits January 28, 2026 19:38
@claude
Add blog post: Build a React Website With Dart
0787971 
Tutorial covering dart_node_react package with working code examples
for state management, hooks, forms, and component composition.

https://claude.ai/code/session_01VeoxZJHrTkkuwC3oABbwhN
@claude
Make blog post more engaging and add humor
4b03fd2 
Add witty commentary while keeping technical accuracy.
TypeScript jokes, developer pain points, and fun closing line.

https://claude.ai/code/session_01VeoxZJHrTkkuwC3oABbwhN
@MelbourneDeveloper
Fix versions
32e02d0
@MelbourneDeveloper
Fix css
97733f2
@MelbourneDeveloper
Add unawaited to cspell dictionary
f4c6b93
@MelbourneDeveloper MelbourneDeveloper force-pushed the claude/react-dart-blog-post-UpbuD branch from e52bcac to f4c6b93 Compare January 29, 2026 10:28
@MelbourneDeveloper MelbourneDeveloper merged commit 55ef35a into main Jan 29, 2026
4 checks passed
@MelbourneDeveloper MelbourneDeveloper deleted the claude/react-dart-blog-post-UpbuD branch January 29, 2026 10:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@MelbourneDeveloper @claude