AI on Rails
AI on Rails
  • Видео 13
  • Просмотров 8 692
Stop Using React! Hotwire Introduction Part II: Turbo Streams
Did I get your attention? This is the second video in a short series I am doing about Hotwire, primarily focusing on Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus. This is a very basic introduction to Turbo Streams.
After developing single page applications (SPAs) for over 10 years, I have found solace in the simplicity of Rails with Hotwire. I am confident that frameworks like Rails, Vue, Angular, and Svelte are more complicated than necessary for some, if not most, projects. After developing several applications using Hotwire, and despite a tough mental shift and learning curve, I have found it to be the perfect companion to the already productive Rails framework and AI.
Opinions...
Просмотров: 74

Видео

Stop using React! Hotwire Introduction Part I: Turbo Frames
Просмотров 25014 часов назад
Did I get your attention? This is the first video in a short series I plan to do about Hotwire, primarily focusing on Turbo Drive, Turbo Frames, Turbo Streams, and Stimulus. This is a very basic introduction to Turbo Frames. After developing single page applications (SPAs) for over 10 years, I have found solace in the simplicity of Rails with Hotwire. I am confident that frameworks like Rails, ...
Installing and using Flowbite components using import maps in Rails 8
Просмотров 20721 час назад
I have covered this topic in a past video but since then I have learned a bit more more that I want to share with the community. In this video I demonstrate three different methods for installing Flowbite and a method to validate the installation. I hope you enjoy the video, please like and subscribe if you want to see more videos like this.
Deepseek V3 with Aider, deep dive
Просмотров 1,3 тыс.14 дней назад
In this video I take a deeper look at Deepseek V3 using Aider. The objective is to overcome some of it's shortcomings when generating forms for Ruby on Rails using the CSS Zero utilities and component CSS.
Deepseek V3 is here! See how it stacks up against Claude Sonnet 3.5, Google Gemini 2.0, and Qwen 2.5
Просмотров 95928 дней назад
In this video, I dive into the exciting world of the new Deepseek V3 Open Source LLM. Promoted as a strong competitor to frontier models from giants like Anthropic and OpenAI, I couldn’t resist putting it to the test. Watch as I compare Deepseek against some of the top frontier models, tackling identical real-world tasks to see how they measure up. Which one will reign supreme? Watch to the end...
Build a Rails 8 Application Using Aider AI and CSS Zero
Просмотров 1,1 тыс.Месяц назад
In this video I am changing it up. I am using the the open source Aider AI coding tool along with CSS Zero for CSS utility classes and components. Please let me know what you think in the comments below! Easy Notes source code: github.com/sandnap/easy_notes
Using Flowbite Components on a Modern Rails 8 Application
Просмотров 633Месяц назад
In this video I walk through the procedure of setting up Flowbite components on a Rails 8 application. I have had a number of requests from people asking about this setup. I am very pleased with this combination so far, let me know what you think! Download the Flowbite assets: cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.min.css cdn.jsdelivr.net/npm/flowbite@2.5.2/dist/flowbite.turbo.min.j...
Cursor Composer Agent Vs. Windsurf Cascade Agent - Head to Head - Battle of the Agentics!
Просмотров 3522 месяца назад
Cursor Composer just dropped an agentic option for Composer! Just when I thought Windsurf was going to be my new editor, now the choice is not so clear! In this video I do a head to head comparison of both IDE's creating the same, non-trivial investment tracking application. Let me know what you think in the comments and like and subscribe if you want more content like this. Enjoy!
Codeium Windsurf on Rails! Could this replace Cursor AI as my new code editor?
Просмотров 4292 месяца назад
I am changing it up on this video. As some of you may know I have been using Cursor AI as my primary code editor on my Rails and JavaScript projects for a few months and have become pretty comfortable with it. I have heard great things about Windsurf and thought I would put it to the test. Spoiler alert: I am impressed! I may have found my new favorite editor.
Building a Rails 8 application using Cursor AI and the FREE Qwen 2.5 Coder 32B open-source model
Просмотров 3192 месяца назад
The free, open-source Qwen 2.5 Coder model with 32B parameters just dropped, and I finally have time to check it out. In this video, I’ll use the new model in Cursor AI to build a Rails 8.0.0 application leveraging Flowbite and Tailwind. Check out Qwen 2.5 Coder: qwenlm.github.io/blog/qwen2.5-coder-family/
Cursor composer on Rails!
Просмотров 1652 месяца назад
This is part 1 of a 3 part series where I will attempt to build the same application using 3 different strategies. 1. All in (this video) - Cursor Composer generates everything from requirements 2. Design Driven Development - Use Cursor/Claude to generate the UI from designs and work back to the models 3. Domain Driven Development - Start with the domain models and work toward the views
AI on Rails - How much more productive can AI make a Rails developer?
Просмотров 1572 месяца назад
In this video I am exploring different strategies for using AI to improve Rails developer productivity. Getting the most from Rails and AI using what I am calling CRAFT, Cursor, Rails, AI, Flowbite, and Tailwind. 1:36 - Introduction 2:57 - Generating requirements 5:48 - Project setup 7:46 - Generating a Stimulus Controller 8:48 - Looking at .cursorrules 10:38 - Starting the MVP 11:02 - Generati...
Cursor AI + Rails 8 - Build an MVP in about an hour!
Просмотров 3 тыс.2 месяца назад
In this video, I will demonstrate how to build a non-trivial application using Rails 8, Tailwind, Import Maps, SQLite, and the open-source Flowbite component library. Throughout this process, I will extensively utilize AI, primarily through the Cursor AI editor, leveraging various AI models. I will rely heavily on the latest version of Claude Sonnet 3.5, which has proven to be the most effectiv...

Комментарии

  • @abdullahsaleh7196
    @abdullahsaleh7196 18 часов назад

    Keep it up bro

  • @emircanerkul
    @emircanerkul День назад

    Really? i see code barely

  • @JohnSmall314
    @JohnSmall314 5 дней назад

    Definitely looks better than React. I found that using React I'm constantly having to write code to do things that Rails does automagically for me. For example, forms. In Rails it's trivial to add something to required fields, because Rails already knows which fields are required. The simple_form gem will do that for you. But with React you have to send that information to the front end and then you have to write React code to use that information to say add an asterisk to a required field. In React you have to write code to show errors on a form and highlight which fields are in error. In Rails, especially Rails + simple_form it's all done for you, no coding required. The time saving is significant.

    • @AIonRails-v9s
      @AIonRails-v9s 5 дней назад

      I agree 100%. Over the last 20 years, the Rails community has worked hard to address almost every imaginable concern when it comes to developing web applications, and it's nice to leverage as much of that as possible in this new reactive and AI-driven world. The JavaScript ecosystem remains somewhat of a "wild west," appealing to developers with an insatiable appetite for trying new things, often leaving a trail of marginal or bad ideas behind. I say this not as an outsider, but as someone who has been part of that world for a long time and has grown weary and tired from it. Rails has always been, and continues to be, the framework for people who want to get things done without compromising product quality. To me, the addition of Hotwire, Kamal, and the Solid trifecta carries this tradition into the next generation of web and mobile applications.

  • @TonyIsHere1
    @TonyIsHere1 9 дней назад

    How to have AI tools easily create and edit flobite UI? I setup flobite but the AI designed CSS would often look off with mismatched styles so I had to switch to regular tailwind that seems to work better.

    • @AIonRails-v9s
      @AIonRails-v9s 9 дней назад

      I have a rules file that is added to the context on every prompt that, among other things, says "This project uses Flowbite version 2.5.2, please use the CSS they provide for layouts and components." When I am generating flowbite code I will also provide the appropriate component markdown files that they have in their github repo (github.com/themesberg/flowbite/tree/main/content/components). I cloned the repo so that I have them on my file system but if your AI tool supports it you can also scrape the raw file (e.g. raw.githubusercontent.com/themesberg/flowbite/refs/heads/main/content/components/badge.md). I will tell it to use the examples from the markdown file(s) I added to the context. In my experience using Cursor and Aider with Claude or Deepseek after a few pages have been created you can just add pages from your own project to the context as examples.

    • @TonyIsHere1
      @TonyIsHere1 9 дней назад

      @ Thank you. That helps a lot. I’ll give it a try.

  • @Rails-p4k
    @Rails-p4k 9 дней назад

    Thank you so much! Can you try AI Toolkit(by Microsoft) for VScode please? What do you think about this? Can it be like free version of cursor AI?

    • @AIonRails-v9s
      @AIonRails-v9s 9 дней назад

      YW! I am not familiar with AI Toolkit, I'll take a look.

  • @trsd8640
    @trsd8640 9 дней назад

    Great video! Subscribed!

  • @dalimawave3904
    @dalimawave3904 11 дней назад

    you saved me!

    • @AIonRails-v9s
      @AIonRails-v9s 11 дней назад

      Awesome! Glad I could help, thanks for watching!

  • @thomaskim8554
    @thomaskim8554 13 дней назад

    Really enjoyed your video and learned alot! A quick question. I want to use aider with deepseekv3. should i add credits to openrouter or thru deepseek website directly? I see you are using the openrouter.

    • @AIonRails-v9s
      @AIonRails-v9s 7 дней назад

      Thanks! I have credits directly through deepseek and through openrouter. I like openrouter because I can use a variety of models but if you only intend to use deepseek going direct will work too.

  • @totallynotdavid
    @totallynotdavid 14 дней назад

    how can i try contextly? 🤔

    • @AIonRails-v9s
      @AIonRails-v9s 14 дней назад

      I will be releasing it to the public within the next couple of weeks. I'll provide the link in an video and respond to your comment with the URL once it is available.

  • @TonyIsHere1
    @TonyIsHere1 15 дней назад

    Amazing! Only video that does it from start to end. Love your videos, thanks so much.

    • @AIonRails-v9s
      @AIonRails-v9s 15 дней назад

      You're welcome! Thanks for the kudos!

  • @JeremyWestAU
    @JeremyWestAU 16 дней назад

    I had the same experience with Qwen, testing it against a rails app and it was just a frustrating experience all round.

    • @AIonRails-v9s
      @AIonRails-v9s 7 дней назад

      Glad to hear it wasn't just me. Perhaps it does better with different languages and frameworks.

  • @JacobTommy-sk4bc
    @JacobTommy-sk4bc 18 дней назад

    You da man!

    • @AIonRails-v9s
      @AIonRails-v9s 18 дней назад

      :) Thanks, and thanks for watching!

  • @industrialPROFI
    @industrialPROFI 18 дней назад

    Thank you so much for this video)

    • @AIonRails-v9s
      @AIonRails-v9s 18 дней назад

      You're welcome, thanks for watching!

  • @maxdeploy
    @maxdeploy 19 дней назад

    please increase the text size...its barely visible what your typing

    • @AIonRails-v9s
      @AIonRails-v9s 19 дней назад

      Thank you for the feedback! In my more recent videos, I’ve started zooming in a bit further. Sometimes, when I’m coding on projects, I zoom out and forget to adjust it back before recording. I’m working on improving this as I develop better recording habits.

    • @maxdeploy
      @maxdeploy 17 дней назад

      @@AIonRails-v9s its very hard to find rails video, nobody does....hope u will continue. If possible make a video on content rating system

  • @KamuelaFranco
    @KamuelaFranco 20 дней назад

    Thank you for this. Font could be slightly bigger, only gripe.

    • @AIonRails-v9s
      @AIonRails-v9s 20 дней назад

      YW, thanks for the feedback! I have improved this in some of my later videos. I need to be more consistent though, I tend to forget to zoom in when I am recording.

  • @Apparelphernalia
    @Apparelphernalia 20 дней назад

    I appreciate you going into depth brother. I’m new to coding and appreciate your attention to detail.

    • @AIonRails-v9s
      @AIonRails-v9s 20 дней назад

      Awesome! Thanks for watching, I wish you the best on your coding journey!

  • @Rails-p4k
    @Rails-p4k 22 дня назад

    Thank you so much!

  • @dword7268
    @dword7268 24 дня назад

    Can you provide the user_stories.md and mvp.md?

    • @AIonRails-v9s
      @AIonRails-v9s 23 дня назад

      Yes! I didn't push this project to Github (yet) but here is a google doc with the markdown for both documents. docs.google.com/document/d/1sQGGdrHYvl63FyLwge2guSQ8RoLrH8mflgRJ0g8CFMk/edit?usp=sharing

  • @jochenstu
    @jochenstu 26 дней назад

    Thanks for the video! How do you feel about aider, compared to windsurf, in terms of effort required and reliability (when using sonnet with aider)?

    • @AIonRails-v9s
      @AIonRails-v9s 26 дней назад

      You're welcome, thanks for watching! I find Windsurf with Cascade and Cursor with Composer easier to use and better at managing context. Aider does pull files into context well but requires more effort to ensure the right ones are available. The main advantage of Aider is its flexibility. For my project, I use about 50% Deepseek V3 with Aider and 50% Sonnet with Composer, depending on the task.

  • @matthewblott
    @matthewblott 27 дней назад

    Great video, very useful breakdown 🙂

    • @AIonRails-v9s
      @AIonRails-v9s 27 дней назад

      Thanks for the feedback. I am glad you found it useful.

  • @Gaming-With-Raymond
    @Gaming-With-Raymond 27 дней назад

    User stories are not requirements. Should have requirements as a strategic objective or even an initiative. Break those out into epics with requirements. User stories are then created to further refine a requirement into smaller sprint length chunks.

    • @AIonRails-v9s
      @AIonRails-v9s 27 дней назад

      Thanks for your feedback. You're making a common argument for distinguishing the difference between user stories and traditional formats, but it's not set in stone. Here's a definition from the Agile Business Consortium: "A User Story is essentially a well-expressed requirement. The User Story format has become the most popular way of expressing requirements in Agile for a number of reasons." That being said, I believe it's more important to focus on distinguishing between functional and non-functional requirements rather than getting too caught up in comparing traditional requirement formats to user/goal-oriented formats. On larger projects with bigger teams, more extensive analysis is often needed before introducing user stories. However, on smaller projects with smaller teams, the problem may be well understood, and the need for additional ceremony is minimal.

    • @Gaming-With-Raymond
      @Gaming-With-Raymond 26 дней назад

      @ hmm good points. I like your ideas here and would agree with the premise.

  • @xcurt
    @xcurt Месяц назад

    great topic, great channel! but if you want to have it grow, make your videos shorter, concise and summarise. that would help a lot!

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      Thanks and thanks for the feedback. My latest videos are getting shorter. I agree with your assessment.

  • @suiteyousir
    @suiteyousir Месяц назад

    Great video, would love if you could do something on Kamal deployment

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      Thanks! A video on Kamal is on my list! I am working on a series that goes into more technical detail on Hotwire and Kamal. Both are impressive technologies that take Rails 8 to a new level.

  • @suiteyousir
    @suiteyousir Месяц назад

    What do you think about the impact this is going to have on Jobs? Does it look like these agents will eventually replace developers?

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      In my opinion, successful developers will need to adapt and embrace new skills. There will be significant opportunities for those who can communicate effectively with business stakeholders to establish solid application requirements. Developers will also need to master the skill of translating those requirements into a format (prompts) that AI models can understand to deliver optimal results. Large Language Models (LLMs) can generate code at remarkable speeds, but the quality of that code ranges from unusable to mind-blowing. The difference lies in understanding what individual models excel at, selecting the right model for the task, and crafting prompts that maximize effectiveness. The most productive developers have always been, and will continue to be the most sought after. However, the definition of productivity is evolving, whether we choose to adapt to it or not.

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      There will also be a lot of opportunity for those who learn how to help organizations leverage AI to optimize their workflows. Writing agents, training models, and leveraging RAG to make data more accessible.

  • @cielolucas4831
    @cielolucas4831 Месяц назад

    Thanks for this! I just discovered Windsurf through this video and it has been saving me

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      You're welcome! Windsurf is amazing. Thanks for watching.

  • @dailsonigo
    @dailsonigo Месяц назад

    CSS-Zero is very good and will be used more and more.

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      Definitely, I plan to use it on more projects going forward.

  • @navjeetc
    @navjeetc Месяц назад

    Excellent video. I have used aider also and really like it as well.

  • @abdullahsaleh7196
    @abdullahsaleh7196 Месяц назад

    Keep it up bro

  • @lonewolf9223
    @lonewolf9223 Месяц назад

    Love this video and its what I've been looking for. I wish cursor and your browser was full screen and no video in the background. Also wish for 4K video, but other than that, awesome job!

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      Thanks for watching and for the feedback! I nixed the background video and zoomed in a bit more on my newer videos. I am gradually improving my equipment and video editing skills.

  • @ervintorra
    @ervintorra Месяц назад

    Keep up the good work! We need more RoR channels like this.

  • @by_yurik
    @by_yurik Месяц назад

    Great guide! Very useful and interesting video. Thank you so much!

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      Your're welcome! I am glad you found it useful.

  • @rlimb
    @rlimb Месяц назад

    Thank you, very helpful! New mic sounds better too 👍

  • @zoltanplaysguitar
    @zoltanplaysguitar Месяц назад

    This is cool! Thinking of featuring this on our the Flowbite docs actually

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      Thanks! If it isn't obvious I am really enjoying Flowbite. It works very well with the modern Rails stack.

    • @AIonRails-v9s
      @AIonRails-v9s 9 дней назад

      Hi Zoltán! If you are still considering adding this to the site I created a new video that may be more suitable. ruclips.net/video/IWczFdqUcWg/видео.html

  • @foolforeverybody
    @foolforeverybody Месяц назад

    Thank you so much for this.

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      You are welcome, thanks for watching. I plan to enhance this application with rails authentication and some additional components in an upcoming video.

  • @rlimb
    @rlimb Месяц назад

    Content is 10/10. Constructive feedback to make your media quality even better: get a good microphone.

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      Thanks! Yep, the audio has been horrible but I have a new microphone now so it should be a lot better.

  • @rlimb
    @rlimb Месяц назад

    Great videos. Could you make a video specific to setting up a Rails 8 project for cursor? I.e. the steps of PDR, cursor.rules, rails new, rails g authentication, install turbo, propshaft, tailwind, flowbite. Basically all the steps up to the point one starts working with cursor. Call it Rails 8 AI prep :)

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      Thanks! I am working on that video right now actually. I had a few people request it. I should have it out today or tomorrow.

  • @rlimb
    @rlimb Месяц назад

    Love all your videos. Could you share the PRD/PDS and rules files?

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      Thanks! Yes I will. I will add them to github and reply here when they are available.

  • @foolforeverybody
    @foolforeverybody Месяц назад

    How are you installing Flowbite properly so that the javascript works and you have the documentation for the AI?

    • @AIonRails-v9s
      @AIonRails-v9s Месяц назад

      Hi! I am using import maps for most of my projects though I have also used esbuild successfully. I am using the turbo build of flowbite (flowbite.turbo.min.js) which has the turbo hooks that handle the data-attribute event binding after turbo page updates. Otherwise, the binding only occurs on the initial page load and is lost when the components are reloaded. This re-binding can be handled manually too with stimulus if you prefer handling it explicitly. For import maps I downloaded the JS and CSS files for the latest flowbite version and put them in the correct directories under the vendor folder. The JS file needs to be added to importmap.rb and imported in application.js and the CSS stylesheet tag added to applicaiton.html.erb. I am working on a video where I go over setting up a Rails 8 project with flowbite & tailwind and demonstrate how to use a few components. I hope to have that video done in the next day or two.

  • @rlimb
    @rlimb 2 месяца назад

    Thanks for all the recent videos. Very exciting times. I really like your approach to start Claude with product requirements. Would you mind sharing (Github) your requirements files?

    • @AIonRails-v9s
      @AIonRails-v9s 2 месяца назад

      Yw, exciting indeed. Thanks for the kudos. I just pushed the cursor version of this project to github, the requirements are here: github.com/sandnap/vesta/blob/main/requirements/application_gen_prompt.md.

  • @rlimb
    @rlimb 2 месяца назад

    Nice, thanks for sharing and I’m looking forward to more videos like this. One small suggestion would be to loose the background and make the window fullscreen for the video to maximize readability of the code. No need to see you typing, we can rear it 😀 🙏

    • @AIonRails-v9s
      @AIonRails-v9s 2 месяца назад

      Thanks for watching and providing feedback! After watching the video back on a smaller screen I agree with your suggestion. I have half of a video recorded using the same technique but going forward I will maximize the editor. 🙏

  • @TheTrackoShow
    @TheTrackoShow 2 месяца назад

    That was really great

    • @AIonRails-v9s
      @AIonRails-v9s 2 месяца назад

      Thanks! I have been experimenting with this combination and so far I am impressed. I plan to create more videos as I discover new and better ways to leverage AI with Rails.