railsdevs.com VS tailwindcss-stimulus-components

I'm also building a reverse job board for AI developers like me to find full-time, part-time or contract work. Developers can make a free profile to promote their AI/ML skills and hiring companies can search the profiles and contact developers through the platform. It's an open-source open startup that's a fork of a similar project for rails developers.

railsdevs.com - Specific to Ruby on Rails

Other than reading, the best way to learn domain modeling is to read a lot of code, e.g. Rails codebase (to learn how to model the domain of web applications) or open source repositories (a good one is Railsdevs). Over time, you'll find and understand the common patterns enough to use on your own.

To find a freelance, it could depend on your location. There are https://www.malt.uk, https://railsdevs.com

Rails Devs - https://railsdevs.com/ - create and businesses reach out.

So far I've been using the Rails Guides on testing and studying the source code of railsdevs.com. Any guidance is greatly appreciated, thank you in advance!

Hey, I totally agree with you. Linking to the entire newsletter can be quite overwhelming and comes off as spammy. It would be great if you included the specific links to the tweet or the GitHub repo mentioned in the newsletter. The links you provided, https://twitter.com/joemasilotti/status/1639261944652914688 and https://github.com/joemasilotti/railsdevs.com/which, are definitely more helpful and provide a better user experience. Thanks for sharing!

RailsDevs - Rails dev specific

I recommend Joe Masilotti's project: RailsDevs. Very well-written and follows most of the Rails best practices. It also uses the Rails recommended front-end stack with Hotwire, Tailwind, etc.

My question is I have seen tailwindcss-stimulus-components and wondered if there are any video tutorials on how to implement it?

If you don't want to pay for it, you can build your own, or use components other people have created, like tailwindcss-stimulus-components.

Tailwind CSS Stimulus Components

Have you seen this? https://github.com/excid3/tailwindcss-stimulus-components

yeah just got started. i’m using the gem at https://github.com/excid3/tailwindcss-stimulus-components for now, and i’m hard coding in all the transitions. but starting to get cumbersome. wondering if i should just use their react/vue components for anything pre-built, and write my own stimulus controllers for whatever limited needs i have. (goal is to leverage server side rendered html plus hotwire for most of the heavy lifting)

// Credit: This controller is an edited-to-the-essentials version // of the modal component created by @excid3 as part of the essential // tailwind-stimulus-components package found here: // https://github.com/excid3/tailwindcss-stimulus-components // In production, use the full component from the // library or expand this controller to allow for // keyboard closing and dealing with scroll positions import { Controller } from "@hotwired/stimulus" export default class extends Controller { static targets = ['container']; connect() { this.toggleClass = 'hidden'; this.backgroundId = 'modal-background'; this.backgroundHtml = this._backgroundHTML(); this.allowBackgroundClose = true; } disconnect() { this.close(); } open() { document.body.classList.add('fixed', 'inset-x-0', 'overflow-hidden'); this.containerTarget.classList.remove(this.toggleClass); document.body.insertAdjacentHTML('beforeend', this.backgroundHtml); this.background = document.querySelector(`#${this.backgroundId}`); } close() { if (typeof event !== 'undefined') { event.preventDefault() } this.containerTarget.classList.add(this.toggleClass); if (this.background) { this.background.remove() } } _backgroundHTML() { return `${this.backgroundId}" class="fixed top-0 left-0 w-full h-full" style="background-color: rgba(0, 0, 0, 0.7); z-index: 9998;">`; } }

Yeah, I made this to replicate the JS features of Bootstrap in Tailwind & Stimulus: https://github.com/excid3/tailwindcss-stimulus-components

this is extended from the original modal supplied from tailwindcss-stimulus-components