filmov
tv
Ruby on Rails #100 Browser tab title notifications
Показать описание
Do you like see the "new notifications count" in the LinkedIn browser tab?
In this episode we will update the browser tab title, if the application user has new unsee notifications.
We will use StimulusJS to add a blinking effect.
We will use Turbo Stream Broadcasts to update the notifications count in all browser tabs.
We will also add an "undead" symbol to the application thumbnail.
In the context of StimulusJS, we will leverage setInterval and usage of disconnect().
Improvements you can do yourself:
- Scope notifications per user
- Mark notifications as "seen" when accessing "notifications#show" page/controller
- Broadcast notifications count when notification is deleted or seen
0:00 Feature request
0:19 What we will build
1:02 Initial setup
1:35 conditional thumbnails
4:20 conditional notifications count
5:05 StimulusJS - blinking page title
10:40 Broadcast update thumbnail (no page refresh)
15:52 Summary
In this episode we will update the browser tab title, if the application user has new unsee notifications.
We will use StimulusJS to add a blinking effect.
We will use Turbo Stream Broadcasts to update the notifications count in all browser tabs.
We will also add an "undead" symbol to the application thumbnail.
In the context of StimulusJS, we will leverage setInterval and usage of disconnect().
Improvements you can do yourself:
- Scope notifications per user
- Mark notifications as "seen" when accessing "notifications#show" page/controller
- Broadcast notifications count when notification is deleted or seen
0:00 Feature request
0:19 What we will build
1:02 Initial setup
1:35 conditional thumbnails
4:20 conditional notifications count
5:05 StimulusJS - blinking page title
10:40 Broadcast update thumbnail (no page refresh)
15:52 Summary
0:16:43
Ruby on Rails #100 Browser tab title notifications
0:23:05
Learn Ruby on Rails Part 1: Introduction and Setup
0:08:07
Ruby on Rails #108 How to use the Browser Geolocation API with Rails
0:03:45
SEO For Web Development | Ruby on Rails SEO
0:10:42
RUBY ON RAILS 7 - First Impressions, Worth Learning?
0:01:15
Why you Should NOT use Ruby on Rails
2:32:42
Learn Ruby on Rails in One Video
0:09:12
The Complete Ruby on Rails Developer Course
0:36:07
Building a Ruby web app using the Ruby Standard Library (Maple Ong)
0:20:03
A Railsy Web Refresher - Ruby on Rails - The Odin Project
0:00:44
Ruby on Rails: a framework for scale
1:31:51
Meetup: Intro to Ruby on Rails
0:50:14
Intro to Ruby on Rails 7 Fullstack Tutorial | Rails for Beginners Part 1
0:00:16
Best Programming Languages #programming #coding #javascript
1:17:54
A complete Todo App in less than 100 lines of code in Ruby with Hyperloop !
0:40:16
Let's build an Airbnb clone with Ruby on Rails - Part 6 - Setting up the Users API
0:32:00
Views - Ruby on Rails - The Odin Project
0:30:58
Learn Ruby on Rails
0:11:03
Ruby on Rails Lesson 1
0:17:26
Ruby on Rails #99 Hotwire: Search and Infinite Pagination (Ransack with Pagy)
0:05:30
Ruby on Rails | Building a Blog with RSpec Testing - Tutorial 1 - Setting up the Project
0:13:03
Ruby on Rails Tutorial | Lesson 36 | Full HD | Running Tests - Part 1
0:00:24
This gem is invaluable for Rails development!
0:07:58
Building a Web Application in Ruby Without Rails
Комментарии