From Stimulus to another framework in a Ruby on Rails App
What if a Ruby on Rails application built using Stimulus.js needs to have more complex interactions, as well as a degree of compartmentalization and reusability for specific behaviors and displays?
Code Splitting a React SPA in Rails
Most Single Page Applications (SPA) that we create using the React.js library start simple, but, over time, they tend to increase in complexity, as we add more and more components with different…
Persisting a Multi-Step Form Using useReducer and react-hooks-form
Imagine you’re building a complex multi-step form for your web application. However, after tweaking the user interface (UI) or adjusting validations, you save, reload, and lose all the progress,…
Implementing WebSockets in Ruby on Rails with Action Cable
Modern web applications increasingly demand real-time features, whether it’s for live chat, notifications, or collaborative editing.
Good practices for communicating between your Rails and React apps
Among the many ways to create Single Page Apps ( SPAs ), one of them usually involves developing a back-end API to provide data and a front-end app that can consume said data and show it to the user.
GitLab CI\CD concerns for a Ruby on Rails API and React Frontend in subfolders same repo
The goal of this blog post is to quickly show how can you define your GitLab steps if your Ruby on Rails application is inside of a subfolder and not accessible from the root of a repository.
Bitbucket Pipelines CI\CD concerns for a Ruby on Rails API and React Frontend in subfolders same repo
The goal of this blog post is to quickly show how can you define your Bitbucket Pipelines if your Ruby on Rails application is inside of a subfolder and not accessible from the root of a repository.
GitHub Actions CI\CD concerns for a Ruby on Rails API and React Frontend in subfolders same repo
The goal of this blog post is to quickly show how can you define your Github Actions if your Ruby on Rails application is inside of a subfolder and not accessible from the root of a repository.
React Google Chrome Extension for beginners (or not!) — Part I
React is a popular javascript library, presenting several technical advantages .
Setting up a React components library in TypeScript with CSS Modules
By now you’ve most likely heard of frameworks such as Bootstrap , Material-UI or Tailwind CSS , among many others. These frameworks are usually easy to use, and offer some of the most accessible…
Project idea from the bottom of a drawer
You know that promise you make to yourself every so often about building that project you came up with years ago? Everyone owns a virtual drawer filled with ideas for amazing projects.
React - Passing data between components… with Pokemon as an example!
Passing data between react components can be simple, but in some occasions, it can be very tricky. While from parent to child, and vice-versa , can be a straightforward process, you’ll need to use…
React Tests — Component Tests, Async Action Tests, and Reducer Tests
Since I started developing I have always heard about testing my applications, but we would never spend much time on it. This started in college where there were some classes that gave an idea of what…
Implementing Conway’s Game of Life With React — Part 2
In part 1 of implementing Conway’s Game of Life, we learned about React and one of the things it can be used for. We also learned what Conway’s Game of Life is, along with its rules.
Implementing Conway’s Game of Life With React — Part 1
R eact is an open-source javascript library used to build user interfaces. Since its release, React has become more and more popular.
A Simple Real Time Chat with Django Channels and React
In this article I will talk about developing a real time chat. You can check the chat working in this video .
Everything Redux — Part 1
This series of posts aims to show how redux works and the different possibilities that it can bring to your application.
Bringing Rails, webpack, react and camaleon-cms together
TL;DR A Github repo is available as a template to get started with Rails, camaleon-cms, webpack(er) and react. Stick around to see some tips and tricks on how we made everything run smoothly.
Introduction to React — where to start?
Five months ago, I finished my degree and I had never dived into front-end development. So when I first started working and they offered me the chance to work with front-end I eagerly accepted.