- 266
- 605 370
SupeRails
Poland
เข้าร่วมเมื่อ 7 มี.ค. 2021
⏳ Learn 10x faster than I did!
Hi 👋
My name is Yaroslav Shmarov.
I work as a Senior Ruby on Rails engineer, and the videos are inspired by my day-to-day work.
I spend my time researching perfect solutions to everyday problems, so that You do not have to!
I'm a big fan of monolyth apps (not microservices with APIs), and server-side rendering with Hotwire (not React/Vue for forntend).
Topics:
➡ Ruby gems
➡ Rails features (ActiveStorage, ActionCable, ActionText etc)
➡ Rails frontend (Hotwire, StimulusJS, ViewComponent)
➡ API integrations (AWS, Google, Twitter, Facebook, Github, Telegram, Stripe, etc)
➡ Code-Along Series
➡ Random tips and tricks
➡ HTML, CSS & JS
❤️ Ruby gems
💚 Rails features
💛 Extras
💙 Code-Along and Live freestyle videos
🤙 Let's connect:
➡ Become a 10x Ruby dev: superails.com/posts?q[pro_eq]=true
➡ Read Text Blog: blog.corsego.com/
➡ GitHub: github.com/yshmarov
➡ Linkedin (best place for DMs): www.linkedin.com/in/yshmarov/
Hi 👋
My name is Yaroslav Shmarov.
I work as a Senior Ruby on Rails engineer, and the videos are inspired by my day-to-day work.
I spend my time researching perfect solutions to everyday problems, so that You do not have to!
I'm a big fan of monolyth apps (not microservices with APIs), and server-side rendering with Hotwire (not React/Vue for forntend).
Topics:
➡ Ruby gems
➡ Rails features (ActiveStorage, ActionCable, ActionText etc)
➡ Rails frontend (Hotwire, StimulusJS, ViewComponent)
➡ API integrations (AWS, Google, Twitter, Facebook, Github, Telegram, Stripe, etc)
➡ Code-Along Series
➡ Random tips and tricks
➡ HTML, CSS & JS
❤️ Ruby gems
💚 Rails features
💛 Extras
💙 Code-Along and Live freestyle videos
🤙 Let's connect:
➡ Become a 10x Ruby dev: superails.com/posts?q[pro_eq]=true
➡ Read Text Blog: blog.corsego.com/
➡ GitHub: github.com/yshmarov
➡ Linkedin (best place for DMs): www.linkedin.com/in/yshmarov/
Ruby on Rails #212 Stimulus Keyboard events. Bad, Good, Best approach
We will explore 3 different ways of solving the same problem with StimulusJS.
I think solving the same problem with different approaches is a great way to learn.
0:00 (BAD) Targets and Event listeners
3:40 (BETTER) data-action in view, keyboard logic in stimulus
5:05 (BEST) Stimulus keyboard events
Stimulus keyboard event docs: stimulus.hotwired.dev/reference/actions#keyboardevent-filter
Blogpost: blog.corsego.com/stimulus-cmd-enter-to-submit
Source code: github.com/corsego/212-stimulus-keyboard-submit/commit/98126bb58effc79439d235d02cc8f9f2028dda48
I think solving the same problem with different approaches is a great way to learn.
0:00 (BAD) Targets and Event listeners
3:40 (BETTER) data-action in view, keyboard logic in stimulus
5:05 (BEST) Stimulus keyboard events
Stimulus keyboard event docs: stimulus.hotwired.dev/reference/actions#keyboardevent-filter
Blogpost: blog.corsego.com/stimulus-cmd-enter-to-submit
Source code: github.com/corsego/212-stimulus-keyboard-submit/commit/98126bb58effc79439d235d02cc8f9f2028dda48
มุมมอง: 130
วีดีโอ
Friendly Show November 2024. Black Friday deals, SupeRails PRO, Hotwire Native, Office Hours
มุมมอง 14416 ชั่วโมงที่ผ่านมา
After a busy conference season Yaro & Adrian take the time to talk about ongoing projects. AVO Black Friday deal: avohq.io/deals SupeRails Black Friday deal: superails.com/deals 0:00 Conferences 1:49 Avo Guest Blogposts 4:07 Rails 8 8:38 Avo Registration Flow 13:16 Avo Office Hours 15:25 SupeRails Office Hours? 16:47 SupeRails PRO 19:10 Hotwire Native 24:15 Moneygun 28:50 Avo Directory App, Avo...
Hotwire Native - Rails World 2024 Lightning talk (Unofficial recording), Yaroslav Shmarov
มุมมอง 461วันที่ผ่านมา
You will learn: What is Hotwire Native? How is Hotwire Native different from Turbo Native and Strada? How to prepare your Rails app to work as a Hotwire Native application? (Core topic of the talk) Sorry for the quality! Why? Lightning talks are something new at Rails World. This year they were not officially recorded. I recorded this on my own device and added the slides. I hope you appreciate...
Clickable Video Chapters. Vimeo Player API | SupeRails #211
มุมมอง 8914 วันที่ผ่านมา
In my app I embed videos with Vimeo. I’ve just implemented Video timestamp/chapter navigation on videos embeded on SupeRails. I was inspired by Chapters on TH-cam. 0:00 How Chapters work on TH-cam 1:19 Dynamic Vimeo video embeds 3:58 Vimeo Player js - custom play button 7:10 button to go to timestamp 8:44 parse text to clickable chapters Episode source code: github.com/corsego/211-vimeo-player-...
Pros embed Vimeo. Amateurs embed Youtube. Learn Vimeo API basics | SupeRails #210
มุมมอง 14514 วันที่ผ่านมา
I host SupeRails PRO videos on Vimeo It is great because: - no youtube branding & ads = more premium feeling - I don’t have to think about hosting my videos & styling my player - has basic security features, as “video can be viewed only on selected domains” - fixed cost, not usage based like MUX.com But having hundreds of videos in my library I want an easy way to import videos from Vimeo into ...
Moneygun - Add ActsAsTenant to an existing application | SupeRails #209
มุมมอง 36821 วันที่ผ่านมา
Enhance Multi-Tenancy with ActsAsTenant in Rails! In this episode, we’re diving into ActsAsTenant-a gem that strengthens your multi-tenancy setup by ensuring that each tenant can only access their own data. While ActsAsTenant doesn't provide the database architecture for multi-tenancy, it adds an essential layer of security and data isolation to your Rails app. In the previous episode, I introd...
Moneygun - Multitenancy & Teams boilerplate | SupeRails #208
มุมมอง 87121 วันที่ผ่านมา
In Episode 115 we created a multi-tenant application without any gems. Multitenancy was row-based, and we set current tenant via routes. Episode 115: superails.com/posts/rails-7-115-multitenancy-teams-and-roles-without-a-gem Based on this I created a well-tested boilerplate multi-tenant application. The name is "Moneygun". Why? Because adding this architecture early in your app development will...
Exploring the SupeRails source code | SupeRails #207
มุมมอง 37228 วันที่ผ่านมา
In this episode we dive into the SupeRails codebase! See the database architecture, gems, API dependencies, and admin backend powering the SupeRails web app. Subscribe to SupeRails to ACCESS the source code! Join SupeRails: superails.com/pricing SupeRails source code: github.com/yshmarov/superails 0:00 Feature overview 0:00 Explore the Gemfile 10:45 Admin dashboard 12:40 Run app locally, import...
Using Sentiment Analysis to analyse Udemy reviews. No AI, just math | SupeRails #206
มุมมอง 215หลายเดือนก่อน
Sentiment analysis is a way to analyse a text and quantify its positivity negativity based on keywords from a "word positivity database". In this episode we will extract all my Udemy reviews and perform a sentiment analysis on all of them. How many are actually positive? Maybe these days "AI magic" could provide a better score, but THIS here is a mathematical approach. Episode source code: gith...
Authentication-Zero: What Rails 8 Authentication Wants to Be When It Grows Up | SupeRails #205
มุมมอง 1.7Kหลายเดือนก่อน
Some people don't like Devise because: - it feels too much like magic - it can be hard to extend Rails 8 authentication aims to solve these objections by generating all the authentication code INSIDE your app. No more outsourcing of authentication logic! BUT Rails 8 authentication is still very raw. It lacks registrations, session management, test generators & more. I don't think it's productio...
PWA in real life. The Rails World 2024 experience with Campfire and Agenda app | SupeRails #204
มุมมอง 805หลายเดือนก่อน
During Rails World 2024 the 1000 attendees had the experience of using 2 PWA apps. The Agenda app by Telos Labs, and a Campfire instance. In this video I will show you how the two apps work. I am very grateful to Telos Labs for making the agenda app open source, so that everyone can learn and (reuse?) it as a boilerplate their events. Telos Labs Agenda App source code: github.com/TelosLabs/rail...
Turbo Native 7. Strada Form Component (Native submit button)
มุมมอง 321หลายเดือนก่อน
Strada Form pattern lets us hide the submit button we display in web views, and replace it with a Native submit button in the top-right corner of the screen. I think this should be the default pattern used for most Turbo Native forms. [Episode source code](github.com/corsego/tinder/commit/83bf8f2c4def9539627150e461bc47d01bbb452c) [iOS source](github.com/hotwired/turbo-ios/blob/main/Demo/Strada/...
Turbo Native 6. Strada. Navigation Button Component
มุมมอง 319หลายเดือนก่อน
Unfortunately currently TurboNative TurboNavigator Strada don't just work out of the box (yet). The setup is quite tricky. I installed Strada the same way it is done in joemasilotti/daily-log. In this episode I will not copy-paste the setup file by file. Rather I will walk through how Strada works when it is already imported. We will also import a Strada Button component. Strada git repo: githu...
Turbo Native 5. Conditional Rendering (only Web/only Mobile)
มุมมอง 193หลายเดือนก่อน
use html title, conditional rendering with turbo_native_app? helper: github.com/corsego/tinder/commit/a5b88ae1d606008d851da2d7b633d9cfebae2862 display app name in title only for Web: github.com/corsego/tinder/commit/8e0d7a09b862d3eaf7347ff62de6687550350d6e tailwind turbo-native variant: github.com/corsego/tinder/commit/f7738d4efc16280f37a536dde49535f78ce8bbba
Turbo Native 4. Better Authentication flow. Turbo Confirm. Turbo Replace
มุมมอง 290หลายเดือนก่อน
confirmation modal to sign_out: github.com/corsego/tinder/commit/03757800b050af752d672dc1d5cde9b18cfe4a6b don't render devise views as modals: github.com/corsego/tinder/commit/cbb5bbf3de81f82a0598ca2e4ab6882d9151229c navbar - do not stack navigation (breadcrumbs): github.com/corsego/tinder/commit/9e4b9a24241e11e3b98c02df6775e096351eec97 generate devise views: github.com/corsego/tinder/commit/c8...
Turbo Native 3. Turbo Navigator, Native Modals, PathConfiguration
มุมมอง 342หลายเดือนก่อน
Turbo Native 3. Turbo Navigator, Native Modals, PathConfiguration
Turbo Native 2. Create new Turbo Native app. Basic navigation and authentication
มุมมอง 764หลายเดือนก่อน
Turbo Native 2. Create new Turbo Native app. Basic navigation and authentication
Hotwire Native: Getting Started. Build mobile apps with Rails | SupeRails #200
มุมมอง 2.5Kหลายเดือนก่อน
Hotwire Native: Getting Started. Build mobile apps with Rails | SupeRails #200
RailsWorld 2024 Day 2. Let’s go for a walk together!
มุมมอง 4082 หลายเดือนก่อน
RailsWorld 2024 Day 2. Let’s go for a walk together!
Trezy Classifier - API to analyse bank transactions | SupeRails #190
มุมมอง 5632 หลายเดือนก่อน
Trezy Classifier - API to analyse bank transactions | SupeRails #190
Build a international company search engine | SupeRails #188
มุมมอง 2472 หลายเดือนก่อน
Build a international company search engine | SupeRails #188
Find and update UK🇬🇧 company information | SupeRails #187
มุมมอง 1982 หลายเดือนก่อน
Find and update UK🇬🇧 company information | SupeRails #187
Mention users with TributeJS | SupeRails #186
มุมมอง 5623 หลายเดือนก่อน
Mention users with TributeJS | SupeRails #186
Social Share button (very important for PWA & Turbo Native apps) | SupeRails #185
มุมมอง 4403 หลายเดือนก่อน
Social Share button (very important for PWA & Turbo Native apps) | SupeRails #185
Getting Started with Turbo Native in Ruby on Rails | SupeRails #184
มุมมอง 1.8K3 หลายเดือนก่อน
Getting Started with Turbo Native in Ruby on Rails | SupeRails #184
Rails 7.2 Rate limiting for Devise - Guard your app from spam and bots!
มุมมอง 9913 หลายเดือนก่อน
Rails 7.2 Rate limiting for Devise - Guard your app from spam and bots!
Ruby on Rails #182 Build an OpenGraph image generator app
มุมมอง 3943 หลายเดือนก่อน
Ruby on Rails #182 Build an OpenGraph image generator app
Ruby on Rails #181 Search and Autocomplete French Company Information | Trailer
มุมมอง 4733 หลายเดือนก่อน
Ruby on Rails #181 Search and Autocomplete French Company Information | Trailer
#180 EU eInvoicing. PDF to XML to JSON. FaxturX, ZUGFeRD | Trailer
มุมมอง 5933 หลายเดือนก่อน
#180 EU eInvoicing. PDF to XML to JSON. FaxturX, ZUGFeRD | Trailer