# Ruby on Rails

Wenn wir uns in Rails verliebt haben sollten können wir uns [hier](https://teespring.com/stores/driftingruby) mit Fanartikeln eindecken.. ;)

## Setup Rails App

- Install Ruby, RubyGem and Nodejs
- Clone Rails App and switch inside Folder
- Run: bundle install
- Run: rails db:migrate
- Start Webserver: bin/dev
- Have fun.. ;)

## Nützliche URLs

- [API Doc](https://api.rubyonrails.org/) API Documentation
- [Turbo Rails Tutorial](https://www.hotrails.dev/turbo-rails) Learn how to leverage the power of the turbo-rails library now included by default in Rails 7 to write reactive single-page applications without having to write a single line of custom JavaScript.
- [Stimulus Components](https://www.stimulus-components.com/) Stimulus Components is an open-source set of StimulusJS controllers to solve common patterns.
- [Rails Authentication From Scratch](https://stevepolito.design/blog/rails-authentication-from-scratch)
- [Hotwire: Asynchronously loaded tooltips](https://thoughtbot.com/blog/hotwire-asynchronously-loaded-tooltips)

## Interessante Plugins

- [Ransack](https://github.com/activerecord-hackery/ransack) Object-based searching
- [Pagy](https://github.com/ddnexus/pagy) The Best Pagination Ruby Gem
- [Faker](https://github.com/faker-ruby/faker) Faker helps you generate realistic test data, and populate your database with more than a couple of records while you're doing development.
- [Devise](https://github.com/heartcombo/devise) Devise is a flexible authentication solution for Rails based on Warden
- [Positioning](https://github.com/brendon/positioning) Positioning supports multiple lists per model with global, simple, and complex scopes
- [Hotwire Combobox](https://www.driftingruby.com/episodes/hotwire-combobox) In this episode, we tackle the issue of slow-loading dropdowns with a high volume of options by implementing an asynchronous select using the Hotwire Combobox library
- [Icon Helper](https://webcrunch.com/posts/svg-icons-with-ruby-on-rails)

## Interessante Javascript Plugins

- [Slim-Select](https://www.youtube.com/watch?v=F0au2jk7Skw) SlimSelect is in the process of adding a few framework integrations

## Nützliche Videos

- [SupeRails Youtube](https://www.youtube.com/@SupeRails) Very useful videos!
- [SuperRails](https://blog.corsego.com/) Text versions
- [SupeRails](https://superails.com/) Homepage
- [Tables with Javascript CSR](https://www.youtube.com/watch?v=JUI2Y5tFxj4)
- [Search with infinite Pagination](https://www.youtube.com/watch?v=A9q6YwhLCyI)
- [Tailwind](https://www.youtube.com/watch?v=oP5yKkKxLvE) Tailwind CSS: Build and Deploy a Fully Responsive Website with Modern UI/UX
- [Drifting Ruby](https://www.driftingruby.com/) Elevate your Ruby skills with expert-led videos
- [Steve Polito Blog](https://stevepolito.design/categories/ruby-on-rails/) Steve Polito is a full stack web developer in the Boston Area

## Nützliche Libaries

### Tailwind

- [SimpleCSS](https://simplecss.org/) A CSS framework that makes semantic HTML look good
- [Tailwind Homepage](https://tailwindcss.com/) Rapidly build modern websites without ever leaving your HTML
- [Tailwind Cheat Sheet](https://nerdcave.com/tailwind-cheat-sheet) Cheat Sheet
- [Tailwindcss-animate](https://github.com/jamiebuilds/tailwindcss-animate?tab=readme-ov-file) A Tailwind CSS plugin for creating beautiful animations
- [Tailwindcss-typography](https://github.com/tailwindlabs/tailwindcss-typography) The official Tailwind CSS Typography plugin provides a set of prose classes you can use to add beautiful typographic defaults to any vanilla HTML you don’t control, like HTML rendered from Markdown, or pulled from a CMS.
- [DaisyUI](https://daisyui.com/) The most popular component library for Tailwind CSS
- [shadonUI](https://ui.shadcn.com/) Beautifully designed components that you can copy and paste into your apps
- [W3School](https://www.w3schools.com/)

### Icons

- [ionicons](https://ionic.io/ionicons) Open source icons. Lovingly hand-crafted.
- [Icons](https://heroicons.com/) Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS
- [iconfy.design](https://iconify.design/) All popular icon sets, one framework. Over 200,000 open source vector icons