Ember Octane Vs Classic Cheat Sheet

screenshot of Ember Octane Vs Classic Cheat Sheet
ember

A cheat sheet for converting classic Ember app to Octane

Overview

This project showcases a robust application leveraging modern web development practices. By integrating GitHub Actions for continuous integration and deployment, the team ensures a streamlined workflow that enhances productivity and minimizes errors. Built using Ember Octane, it allows users to experience the benefits of the latest features while also comparing them to the classic Ember framework.

Contributions from the community are highly encouraged, reflecting a collaborative spirit and a commitment to improving the project further. The focus on visual regression testing with Percy.io ensures that any changes made don't inadvertently disrupt the application's aesthetic and functional integrity.

Features

  • Continuous Integration with GitHub Actions: Automatically lint and test the app whenever a pull request is created or merged, reducing manual checks and ensuring quality.
  • Visual Regression Testing: Utilizes Percy.io to capture visual changes in the application, making sure that updates do not introduce unexpected visual bugs.
  • Ember Octane Implementation: The project is built with Ember Octane, allowing developers to leverage the latest features and capabilities of the framework.
  • Comparison Cheat Sheet: Provides a clear side-by-side reference of Ember Octane and Classic for better understanding of differences and enhancements.
  • Easy Deployment: GitHub Actions automates the deployment process to the gh-pages branch, simplifying the release of new features and fixes.
  • Community Contributions Encouraged: Welcomes input and contributions from developers, fostering an inclusive environment for enhancement and shared learning.
  • Linting Commands Provided: Clear instructions on how to run linting locally, helping maintain code quality before merging changes.
  • Inspired by Other Projects: The app builds on ideas from "You might not need jQuery," blending modern practices with tried-and-true methodologies.
ember
Ember

Ember.js is a productive, battle-tested JavaScript framework for building modern web applications. It includes everything you need to build rich UIs that work on any device.

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.

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.