Post your examples or open source projects


#1

Following two those two threads:

I am starting this thread where we can post relevant examples of projects using Stimulus. Hopefully, this can help people get started with more curated list of examples. Also maybe we can extract out of it some common patterns and good practice to help us all.

For each project/example we post, I would like to suggest that we follow this template (all items being optional):

  1. Name :
  2. Github repo :
  3. Link to Live app :
  4. Is it a project in production? : Yes/No Demo only
  5. Comments: features, pattern, good practice, Language, trick, performance etc… being demonstrated by this project
  6. Owner / Hunter (you can hunt and post someone else project/repo that you find relevant to this thread)

Q/A and discussion around a project are welcome of course.


#2

As I created this thread let’s open the ball rolling :slight_smile:

  1. Name : TodoMVC Rails on Stimulus
  2. Github repo : https://github.com/adrienpoly/todomvc_rails_on_stimulus
  3. Link to Live app : https://todomvc-rails-on-stimulus.herokuapp.com/
  4. Is it a project in production? : No Demo only
  5. Comments:
    A modest attempt to implement the famous TodoMVC with Rails/TurboLinks and Stimulus. This project has been very helpful for me to get up to speed with Stimulus but more generally with Turbolinks and Rails-ujs.
    Todos are stored in the DB, so one of the feature demonstrated with the demo is the ability to Post message with Rails-ujs in a Stimulus controller and use Rails strong params in your controller.
    Most actions are done client side with stimulus controller to get the real time feeling of client side UI. Adding a new todo is still done server side with a Turbolinks refresh (work in progress : potential solutions).
    It uses two Controllers : todoList and todoItems. todoItem will send notifications to update to the main todoList controller. This part can probably be optimized when controller communication is fully part of Stimulus API (data-outlet?)
  6. Owner / Hunter? : Owner (comments welcome, I am a modest developper)

#3

name: people_controller.js on Rails with Stimulus
Githugb repo: https://github.com/romenigld/testing-stimulus
Link to live: no
Production: no
Comments: It was a tutorial sample of the onebitcode. link of the tutorial

Enjoy!


#4

Hey there.

I’m going to use Stimulus in my open-source app:

  1. Name: Skyderby
  2. Github repo: https://github.com/skyderby/skyderby
  3. Link to Live app: https://skyderby.ru
  4. Is it a project in production? : Yes
  5. Comments: as of March, 3, 2018 it only first step made in PR #/96 for 2 small features, but I really like this experience and going to migrate project to Stimulus and finally drop Backbone + Underscore dependency
  6. I’m Owner

#5

Name : Stimulus with Turbolinks, select2 and formValidation
Github repo : https://github.com/dstull/stimulus-formvalidation/tree/master
Link to Live app : https://stimulus-formvalidation.herokuapp.com/cars
Is it a project in production? : No Demo only
Comments: https://dev.to/dstull/stimulus-with-turbolinks-select2-and-formvalidation-1i7l
Owner


#6

Name : A simple Stimulus table filter demo
Github repo : https://github.com/dstull/stimulus-demo/
Link to Live app : https://stimulus-demo.herokuapp.com/
Is it a project in production? : No Demo only
Comments: https://dev.to/dstull/a-simple-stimulus-table-filter-demo-3gmb
Owner


#7

Name : hickory-cricket
Github repo : n/a, https://glitch.com/edit/#!/hickory-cricket
Link to Live app : https://hickory-cricket.glitch.me/
Is it a project in production? : Demo only
Comments: Javascript selection via CSS
Owner: true


#8

I :heart::heart::heart: Stimulus!

Here is the demo of uploading progress using rails-ujs + Stimulus.

Source code can be found here: https://github.com/skyderby/skyderby/blob/2d78ddabe28835f887bd5990d8419c7365867b7e/app/javascript/controllers/upload_progress_controller.js

It is as simple as it should be.


#9

Name : Stimulus Controllers for Mapbox-GL
Github repo : https://github.com/ayudo/stimulus-mapbox-gl
Link to Live app : no, sorry : )
Is it a project in production? : not yet, buit it will
Owner : me / $dayjob

:slight_smile:


#10
  • Name : Sticky Table Headers
  • Github repo : https://github.com/johnbeatty/stimulus-sticky-table-header#readme
  • Link to Live app : It’s only in the admin section of a private app I run. I have a blog post about it here and it’s on NPM here.
  • Is it a project in production? : Yes
  • Comments: This is a small port of a JQuery plugin I was using. I have a couple pages with a lot of records, so it’s nice to keep those headers as context for what all the data means. Please submit bugs if you find any, I’m sure there are a lot of missing edge cases.
  • Owner: me