Skip to content

feat(examples): refresh react tutorial app for v14#3078

Merged
oliverlaz merged 4 commits intomasterfrom
docs/tutorial-example-v14-refresh
Mar 30, 2026
Merged

feat(examples): refresh react tutorial app for v14#3078
oliverlaz merged 4 commits intomasterfrom
docs/tutorial-example-v14-refresh

Conversation

@oliverlaz
Copy link
Copy Markdown
Member

@oliverlaz oliverlaz commented Mar 30, 2026

🎯 Goal

Update the React tutorial example app so it matches the upcoming v14 SDK APIs and is easier to explore locally.

πŸ›  Implementation details

  • migrate the tutorial step apps from MessageInput to MessageComposer
  • replace old prop-based customization examples with WithComponents patterns
  • update the tutorial examples for current channel-list, attachment, emoji, and livestream APIs
  • point the local tutorial app at the local stream-chat-react checkout and current CSS entrypoint
  • add a root tutorial browser with a sidebar step list and a live preview pane
  • move the browser shell styles into examples/tutorial/src/tutorial-main.css
  • update the tutorial Vite config and README to support the new browser flow

🎨 UI Changes

  • adds a tutorial browser shell with a left sidebar for step navigation and a right preview pane
  • keeps the individual tutorial steps runnable while making it easier to switch between them quickly

@github-actions
Copy link
Copy Markdown

github-actions bot commented Mar 30, 2026

Size Change: 0 B

Total Size: 621 kB

ℹ️ View Unchanged
Filename Size
dist/cjs/audioProcessing.js 1.32 kB
dist/cjs/emojis.js 2.96 kB
dist/cjs/index.js 237 kB
dist/cjs/mp3-encoder.js 1.27 kB
dist/cjs/WithAudioPlayback.js 45.5 kB
dist/css/emoji-replacement.css 456 B
dist/css/index.css 47.3 kB
dist/es/audioProcessing.mjs 1.31 kB
dist/es/emojis.mjs 2.47 kB
dist/es/index.mjs 235 kB
dist/es/mp3-encoder.mjs 756 B
dist/es/WithAudioPlayback.mjs 45.3 kB

compressed-size-action

@codecov
Copy link
Copy Markdown

codecov bot commented Mar 30, 2026

Codecov Report

βœ… All modified and coverable lines are covered by tests.
βœ… Project coverage is 79.12%. Comparing base (3f09362) to head (7f48354).
⚠️ Report is 1 commits behind head on master.

Additional details and impacted files
@@           Coverage Diff           @@
##           master    #3078   +/-   ##
=======================================
  Coverage   79.12%   79.12%           
=======================================
  Files         426      426           
  Lines       12162    12162           
  Branches     3917     3917           
=======================================
  Hits         9623     9623           
  Misses       2539     2539           

β˜” View full report in Codecov by Sentry.
πŸ“’ Have feedback on the report? Share it here.

πŸš€ New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • πŸ“¦ JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@oliverlaz oliverlaz merged commit 86ada37 into master Mar 30, 2026
8 checks passed
@oliverlaz oliverlaz deleted the docs/tutorial-example-v14-refresh branch March 30, 2026 14:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant