Coming to grips with JS: a Rubyist's deep dive

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • phoenix_live_view

    Rich, real-time user experiences with server-rendered HTML

  • Then there are stack-specific libraries: StimulusReflex for Rails, Phoenix LiveView, Laravel Livewire, Unicorn and Tetra for Django, Blazor for .NET, … and the list goes on.

  • You-Dont-Know-JS

    A book series on JavaScript. @YDKJS on twitter.

  • You Don't Know JS

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • tetra

    Tetra - A full stack component framework for Django using Alpine.js (by samwillis)

  • Then there are stack-specific libraries: StimulusReflex for Rails, Phoenix LiveView, Laravel Livewire, Unicorn and Tetra for Django, Blazor for .NET, … and the list goes on.

  • Functional-Light-JS

    Pragmatic, balanced FP in JavaScript. @FLJSBook on twitter.

  • Functional-Light JS

  • django-unicorn

    The magical reactive component framework for Django ✨

  • Then there are stack-specific libraries: StimulusReflex for Rails, Phoenix LiveView, Laravel Livewire, Unicorn and Tetra for Django, Blazor for .NET, … and the list goes on.

  • turbo_ready

    Discontinued Take full control of the DOM with Turbo Streams [Moved to: https://github.com/hopsoft/turbo_boost-streams]

  • "Turbo 7.2.0 (currently in beta) allows you to define your own Stream actions which can be any JS code you want. By combining a custom Stream action or two with web components, you can essentially drive reactive frontend behavior from the backend stupidly easily. Loooove it! 😍 […] For a turnkey example, you could check out https://github.com/hopsoft/turbo_ready "

  • proposal-pattern-matching

    Pattern matching syntax for ECMAScript

  • Note, however, that there is a proposal to add pattern matching to JS.

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
  • turbo

    The speed of a single-page web application without having to write any JavaScript (by hotwired)

  • Experiment using Turbo to drive front-end behavior: "Turbo 7.2.0 (currently in beta) allows you to define your own Stream actions which can be any JS code you want. By combining a custom Stream action or two with web components, you can essentially drive reactive frontend behavior from the backend stupidly easily. Loooove it! 😍 […] For a turnkey example, you could check out https://github.com/hopsoft/turbo_ready " —Jared White on The Spicy Web Discord

  • swup

    Versatile and extensible page transition library for server-rendered websites 🎉

  • Sure, you can use any number of JS-avoidance libraries. I'm a fan of Turbo, and there's also htmx, Unpoly, Alpine, hyperscript, swup, barba.js, and probably others.

  • Opal

    Ruby ♥︎ JavaScript

  • But we shouldn't overstate the difference: the JS and Ruby object models are actually similar in how dynamic both of them are. This makes Ruby-to-JS compilers like Opal easier to implement, according to an Opal maintainer.

  • lodash

    A modern JavaScript utility library delivering modularity, performance, & extras.

  • lodash and You Might Not Need Lodash

  • htmx

    </> htmx - high power tools for HTML

  • Sure, you can use any number of JS-avoidance libraries. I'm a fan of Turbo, and there's also htmx, Unpoly, Alpine, hyperscript, swup, barba.js, and probably others.

  • javascript

    Exercism exercises in JavaScript. (by exercism)

  • Exercism - JavaScript

  • stimulus_reflex

    Build reactive applications with the Rails tooling you already know and love.

  • Then there are stack-specific libraries: StimulusReflex for Rails, Phoenix LiveView, Laravel Livewire, Unicorn and Tetra for Django, Blazor for .NET, … and the list goes on.

  • barba

    Create badass, fluid and smooth transitions between your website’s pages

  • Sure, you can use any number of JS-avoidance libraries. I'm a fan of Turbo, and there's also htmx, Unpoly, Alpine, hyperscript, swup, barba.js, and probably others.

  • Alpine.js

    A rugged, minimal framework for composing JavaScript behavior in your markup.

  • Sure, you can use any number of JS-avoidance libraries. I'm a fan of Turbo, and there's also htmx, Unpoly, Alpine, hyperscript, swup, barba.js, and probably others.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts