Happy New Year, Emberistas! 🐹
This week, we have a Ember Octane Special Edition For you!
We collected as much information as possible about this new Ember version. Therefore, in this article, you will find useful information to help you make the most of Ember Octane.
Octane is a modern Ember, and I am glad we have passed the finish line. Have fun building apps! ~ Yehuda Katz (@wycats)
This week: What is the Octane edition? 🙋♀️🙋♂️, where can I learn more🤓, how to migrate to Octane 🐹🏗️, community feedback from Outdoorsy👏, use Ember Atlas 🗺🌍 to conquer Octane, and Octane at EmberConf 2020 📢!
Ember Octane introduced the concept of version. Let’s see what the version means in Ember and what features you can find in the Octane version.
What is the version?
In Ember, a Version Represents one Cohesive programming model And can focus on specific topics. For example, the Octane version focuses on productivity and performance!
Having a version can help you and the Ember team in many ways:
You can see the big picture of how the functions work together. Before the version is introduced, you may have to know the RFC and release notes at any time to understand the reasons for adding or removing features.
The version marks an opportunity to update Ember documentation, idioms, plugins and tools (Ember Inspector, blueprints, code modules, and error messages). The end result is to provide you with a cohesive and perfect experience!
What are the features of the Octane version?
Many new features come together to form A new component model and a new reaction system For Ember. These two major changes are the cornerstones of Octane’s ergonomic improvements.
You can Ember guideWe will focus on the main ones below.
Low light component Provides a greatly simplified API for templates and supporting classes. Say hello to external HTML semantics and namespace parameters!
Modifier Let you interact with the DOM-animate this element, scroll to that element, automatically focus on the first form input, etc.Modifier acts on any element.
If you want to try Ember Octane, you might want to learn more about the new APIs and best practices for building modern Ember applications. We strongly recommend the following learning resources to you:
The Ember community has worked hard to prepare the official Ember documentation composed of guides, tutorials, and API documentation for the release of Octane. Be sure to use these learning materials as your first stop to start using Ember Octane.
Octane provides a very gentle entry point, allowing you to learn and grow into a framework when there is a need in your application. You start with an HTML template, then extract the fragments into template-only components for clarity, add reusability parameters, add js classes to add behaviors, add shared function services, install plugins for cooler things, and so on. I am very happy to see all these works merged together and finally ready to teach the ember version we envisioned. Check out the new tutorial to see how you are different! ~ Godfrey Chen (@chancancode)
Octane core concepts
Ember Octane represents a major shift in Ember’s grammar, function, and mental model. However, there is no need to stop the global migration. Octane provides an opt-in migration method in which you can apply each core feature enhancement step by step.
If you are migrating an existing Ember application to Octane, we have a good list of resources to help you:
Whatever you end up doing, you don’t have to do it alone, because community members have already made generous contributions Numerous code modules Help us migrate effectively.
If you need help in this process, please visit Ember community chat and forum.
Want to know who uses Ember Octane features in production?
We will spend some time on the next few issues, focusing on the projects and teams that use Ember Octane in their applications.
Today’s focus is Outdoor sports, A peer-to-peer market that connects RV and camper car owners with campers and encourages them to enter the outdoors. Outdoorsy maintains three large Ember applications for its flagship network product.
The developers of Outdoorsy have been using Octane features in production since September, and they reportedly had a very pleasant experience. Jaco Joubert (@jacojoubert), Outdoorsy’s front-end engineer said: “Octane allows us to build highly interactive experiences that have been well tested in an incredibly short time. Using Octane, we rebuilt the entire Search experience Start from scratch in less than five weeks, which previously took orders of magnitude. “
Outdoorsy’s Ember app is a particularly good highlight of the Ember Octane upgrade experience. The application was written in the classic Ember style over the past 4 years or so, and is large enough to consist of 26 developers (about half of which are focused on the front-end). The app is actually a single repository of several Ember apps and plugins, and uses a rehydrated Ember Fastboot app for its public-facing pages for SEO purposes.
As with any upgrade of an application of this size, there are pain points, but the Outdoorsy team took advantage of the opportunity to get together at the Fall Engineering Summit (the team is distributed and many people work remotely) to solve the whole process Upgrade the problem for a week.
The new Octane syntax takes some time to adapt, especially in how to use tracking attributes instead of calculated attributes, but the team likes to use the new automatic tracking system and class-based components in many places throughout the application, and plans to follow All its components are gradually updated over time.
Almost all new work done on the app is written in a clean and idiomatic Ember Octane way using Glimmer components.
Some of the major benefits that the Outdoorsy team experienced from Octane were simplification of the thinking model of Ember’s way of working, improved code readability, and easier reasoning about the context in which the state came from. Not having to refer to multiple files to determine where the attributes were originally defined is definitely a boon for developer productivity.
It’s great to hear that Octane works very well in production applications with the scale and complexity of outdoor applications.
We know that there are many examples of using Octane in the wild. If you want to share your experience, please contact the Ember Times team.
Ember’s staying power comes from the vitality and dedication of our community, and the Octane version is a great example of how the community can unite, agree on plans, and execute a high level of polish. ~ Edward Faulkner (@ef4)
We mentioned Ember Atlas Octane Upgrade Guide Earlier. This section contains information to help Ember developers upgrade from classic apps/plugins to Octane apps. 🚀
So Yes Human Atlas?
Ember Atlas is an unofficial Ember resource, curated by various people in the Ember community. It includes best practices, upgrade guides, and more! Ember Atlas aims to be Ember’s selected wiki, dealing with all kinds of content that have not been included or will never be included in the guide.
if you want Listen and talk with people About Octane, EmberConf in Portland, or the place to go! There will be wonderful speeches from March 16th to 18th Godfrey Chan (@chancancode), Suttadoshi (@suchitadoshi1987), DanMonroe (@DanMonroe) And many others.
Ember has stability and staying power, and it has been around for a long time. This makes it very suitable for collaboration and an excellent choice for companies and teams, but it also means that our time under the spotlight of the hype cycle happened some time ago. Octane is an amazing improvement, and it’s also a great opportunity for people who pay too much attention to hype to revisit it. I hope our community members will use this little topic to push Ember further into their companies and projects. ~ Leah Silber (@wifelette)
That is another package! ✨
Chris Ng, Alon Bukai, Jessica Jordan, Anne-Greeth van Herwijnen, Isaac Lee, Jared Galanis, Amy Lam and the learning team