Ember Times-Issue 130

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:

  1. 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.

  2. For people who haven’t followed Ember closely—perhaps you, or someone in the wider JavaScript world—it’s easy to miss major improvements that have occurred over time.Version helps us to market concert tour In the embers.

  3. 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.

  1. Low light component Provides a greatly simplified API for templates and supporting classes. Say hello to external HTML semantics and namespace parameters!

  2. 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.

  3. Tracking attributes Simplify the synchronization of DOM and JavaScript changes. You no longer need to write and maintain a dependency list.

I am very excited because I think Octane is easier to teach. This is great for companies that hire non-Ember developers and for motivated beginners. By default, using ember-auto-import in your application, Ember can also work well with the wider JavaScript ecosystem. You can install your favorite libraries with npm and they can work effortlessly. ~ Jane Weber (@jenweber)

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:

getting Started

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

Especially at the beginning, you may want to be familiar with the core concepts behind Octane and how these concepts relate to the general knowledge about JavaScript that you already know! Read some of these selected blog posts to learn more about the principles of Ember’s first edition.

From the very beginning, Ember has developed with the JavaScript language. Ember has always been a testing platform for features such as classes and modules. Over the years, it has promoted more upstream than it has received. With Octane, this trend has been reversed. Ember now feels as modern as any JavaScript framework, taking full advantage of the language features it helped shape. Its commitment to stable development means that this trend will continue for several years. ~ Dan Gebhardt (@Dgeb)

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.

When we started developing Ember in the early 2010s, we knew that we had to adapt to changes in the ecosystem, but we could not predict how much the JavaScript language and distribution would change. What makes Ember really special is that when we adapt to features such as JavaScript classes or modern component syntax, we will work very hard to bring existing applications into it. Moreover, you can not only use the old and new functions side by side. The old grammar and framework classes can freely interoperate with the new grammar and framework classes. Developers of Ember applications can spend more time on providing users with innovative features and less time on defining the continued loss of the JavaScript community. Ember Octane is a modern Ember and I am very happy that we completed it on the finish line. Have fun building apps! ~ Yehuda Katz (@wycats)

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.

Bookmarks emberatlas.com For quick reference and review Introduction to the Ember Atlas begin.

with Ember octane number It’s released, it’s no surprise that it is also a hot topic EmberConf 2020.

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.

This is also a great place to meet your Ember friends and learn more about themes.For more information, please check EmberConf website And join # man-conf On the channel Man disharmony.

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)

This week we want to thank Mansona, @the-bionic, @bf4, @mixonic, @rwjblue, @Turbo87, @bobisjan, @dmzza, @efx with @SYU15 Thanks for their contributions to Ember and related repositories! 💖

Want to write for Ember Times? Any suggestions for next week’s problem?join us #support-ember-times in Ember community discord Or ping us @embertimes On Twitter.

Subscribe to our channel to get the latest news from Emberland this week Email newsletter!You can also find our posts in the following locations People Blog.

That is another package! ✨

Be kind,

Chris Ng, Alon Bukai, Jessica Jordan, Anne-Greeth van Herwijnen, Isaac Lee, Jared Galanis, Amy Lam and the learning team

Leave a Reply

Your email address will not be published. Required fields are marked *