artofcodelabsartofcodelabs
8

Rails Modern Front End

screenshot of Rails Modern Front End
rails

Modern front-end and Ruby on Rails are friends ;)

Github

Overview

The repository created by Zbigniew Humeniuk serves as a practical guide for anyone looking to enhance their understanding of modern front-end development within the Rails framework. This project was inspired by a series of blog posts from Evil Martians, and it provides a hands-on approach to learning through the code. Each commit represents an incremental change, allowing users to follow the evolution of the project, while also showcasing bug fixes and personal enhancements aimed at improving code quality and the separation of front-end and back-end functionalities.

The focus of this repository is to streamline the interaction between front-end and back-end components. The introduction of the Loco framework is a significant step in achieving a more efficient communication system. Moreover, the transition from webpacker to webpack demonstrates a commitment to maintaining a clean separation between back-end operations and front-end tools, ensuring a more maintainable and scalable codebase.

Features

  • Incremental Learning: Each commit corresponds to a specific blog post, allowing users to track progress and understand changes piece by piece.
  • Loco Framework Integration: Simplifies communication between front-end and back-end, making the app feel closer to a production state.
  • Webpack Usage: Direct implementation of webpack instead of relying on gemified wrappers encourages a clear separation of concerns and enhances the development process.
  • Standard Rails Initialization: Adheres to conventional Rails practices, ensuring familiarity for users already accustomed to the framework.
  • Simple Development Setup: Users can easily run the Rails server and webpack in separate terminals for hassle-free development.
  • Production Asset Generation: Clear guidelines for preparing assets for production, supporting efficient deployment.
  • MIT License: Offers open access to the code and encourages collaboration and modification.
  • Author Expertise: Developed by Zbigniew Humeniuk from Art of Code, providing a reliable source of knowledge in modern web development practices.
rails
Ruby on Rails

Ruby on Rails, often referred to as Rails, is an open-source web application framework written in Ruby. Known for its convention over configuration and don't repeat yourself (DRY) principles, Rails simplifies and accelerates the development of database-backed web applications.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

Stylelint

Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.