Rails twitter clone

Watch: Styling Tweets

18 Apr, 2023

Rails, Hotwire, Tailwind, ViewComponent

Chat
Members only
Create your FREE account

Rails twitter clone

15 Lessons

3h 26m

1 Getting set up 16m 2 Styling Tweets 16m 3 Building the sidebar 9m 4 Animated Turbo Streams 11m 5 Setting up profiles 13m 6 Nav menu setup and RSpec tests 10m 7 Editing your profile 21m 8 Uploading avatars using Active Storage 3m 9 Liking tweets with Turbo Streams 19m 10 Replies to tweets 22m 11 Migrate to esbuild for JS 9m 12 Building retweets 14m 13 Dealing with bugs 5m 14 Following and followers 28m 15 Tweaking the feed for followers 3m

Continuing on from the last episode we take a deep dive on styling the new tweet form and the display of tweets themselves. We’ll install ViewComponent and create an AvatarComponent to easily reuse some HTML + styles.

Discussion (0)

To comment you need to sign up for a free account or sign in.

Unlock 7 Hotwire tricks every Rails dev should know ⚡️

Level up your Rails skills with 7 powerful Turbo techniques in my free Hotwire Cheatsheet. Subscribe for updates on new videos, courses & more — no spam, just gems.