63 lines
3.9 KiB
Markdown
63 lines
3.9 KiB
Markdown
# 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.
|
||
|
||
## 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
|