Create (or not) a BaseComponent to work with TailwindCSS and ViewComponent?

2
Rails
Hi all, this is my first post and I am working with Ruby and Ruby on Rails for about a month. I have years of experience as a web developer but my focus was more on the Frontend part, if you don't ...

ViewComponents and Tailwind CSS JIT

1
CSS
I created a flash view component to display flash messages. It does work, but the javascript trigger its display does not work as expected. Instead of displaying on the spot, it waits for like 5 s...
Stéphane Paquet replied
Solved

How do I filter records through other models

1
Rails
Desired result: I want 2 things: In my list of aggregation links I want to be able to add the aggregation of property characteristics (e.g., properties with a balcony), property type (e.g., villa...
Owen replied

Webpack and Purge CSS

0
Javascript
Hi All, I am trying to purge my css as I am using tailwind as outlined in the video Chris did. I'm getting an error. **postcss.config.js** let environment = { plugins: [ require('tailwindcs...
Stephen Sizer posted

error with purgecss and Tailwind 2

3
Javascript
Hey there, I am facing the following problem. In production, purgecss is preventing all all css from `@tailwindcss/forms` from being rendered properly. When I comment out purgecss everything is wor...
Chris Oliver replied

How to install TailwindCSS 1.0 with Rails 6 Discussion

15
General
Hey Chirs! Great video, only question I have about using tailwind with rails 6 is the theme config. in the docs it says to place: ``` module.exports = { theme: { container: { cente...
Alex Ventura replied

Debugging Questions

1
General
Hello, I am trying to help out an open source project that I use. I found an issue and the developer has asked me to help debug the javascript but I'm a javascript hack and not sure how to do it. ...
Michael Bradford replied

Considering jumpstart pro for a react native backend, is this a good idea?

1
General
Hey guys, I was just wondering if anyone had any advice on whether jumpstart pro would be a good place to start for me? I want to create an API for my react native expo app. Does jumpstart pro mak...
William Kennedy replied

Navbar with Vue.js and webpacker - Flickering at page load 😒

1
Javascript
I have a classic RoR - Webpacker app. On top of Webpacker, we have implemented Vue as our frontend framework and Tailwind as our css framework 👌 Everything is functioning fine. Yet I am not quite ...
Thomas Sohet replied
Solved

StimulusJs Modal - render different controller view inside

0
Javascript
Chris, a great screencast would be to use the a global Stimulus Js Modal that you can use to render views inside (say show/edit of controller views) This is something that can/should be part of Ju...
Aaron Xavier posted

Render partial via AJAX without JQuery

9
Javascript
I've got a standard Comment.model - I'm trying to use AJAX to render partial. Using JQuery works but I'm trying to use VanillaJS only. The AJAX is working but it's rendering the markup inside of th...
Solved

Searching and partial keyword matches

1
Site Feedback
Hi Chris, I was searching for the Tailwind + Rails 6 video today, but searching for "Tailwind" did not return it: https://gorails.com/search?q=tailwind I eventually did find the episode here: htt...
Chris Oliver replied

Iterating using css grid

13
CSS
Hi Chris - I am using CSS grid for a three-column blog layout. Unfortunately, when I run the do bock it creates three instances of the same post. I guess this is to be expected. Not sure how to ge...
Brian Gilbank replied
Solved

How do I have a Vue.js navbar stay on the page between page navigations?

0
Gems / Libraries
I built a lovely Navbar in Tailwind CSS in my rails app following a tutorial by Adam Wathan which uses Vue.js for the javascript behavior on dropdowns. I added Vue.js the way Chris suggests here,...
James Devereux posted

How do you make a tab stay "active" after a page reload

6
Javascript
I have a version of your [Tabs tailwindcss-stimulus component](https://github.com/excid3/tailwindcss-stimulus-components/blob/master/src/tabs.js) up and running. However, I'm struggling to figure o...
Christian Whitesides replied
Solved

Tabs with Stimulus

7
Javascript
Hi Chris - I've been following your guide on adding tabs with Stimulus here: https://github.com/excid3/tailwindcss-stimulus-components I am not using Tailwind but everything is working. However, w...
Chuck replied
Solved

Tailwind - own components - yes or no?

4
CSS
i have started with tailwindcss yesterday the first time and must say - wow! but something is confusing me from the beginning. in tutorials/videos etc. everybody talk about: do not write your own ...
Bruno Steinmann replied
Solved

I tried to align this TEXT center.

2
CSS
Okay. So I guess the title gives it away. I’m a real noob when it comes to CSS. Like I’m good with JavaScript and have been working with ReactJS and Angular for a while now. But I just can’t seem t...
serjio replied

Help with Debugging

0
Javascript
Hi all, I am trying to help out an open source project that I use. I found an issue and the developer has asked me to help debug the javascript but I'm a javascript hack and not sure how to do it. ...
Jim Miller posted

Hatchbox deployment questions

20
Rails
Im launching my app and using your Hatchbox service to help. I was planning on using digitaloceans managed database and wondering how that works with hatchbox and if I need to change anything in m...
Alex Deering replied

Learning Ruby on Rails? Join our newsletter.

We won't send you spam. Unsubscribe at any time.