Home Development of Websites The Ember Times – Issue 132

The Ember Times – Issue 132

by admin

The Ember Times - Issue 132

Hi Emburyites!

Come to the EmberConf conference mitups, learn how to use RouteInfo.metadatafrom EmberMap, try the Octane JAM sandwich at EmberConf, study Ember application performance with Tracerbench, and try the VSCode Related Files Hopperextension!

From the translator : All unmarked links point to English-language resources.In Russian you can ask questions in our good telegram channel

Come to the meetups of the EmberConf conference

In addition to learning a lot at EmberConf mitups, it’s also an amazing place to meet people and get to know them.One of the easiest ways to get to a mitap is to organize one yourself!

Last year there were many different meetings , from delicious food and drinks, to an exciting chess tournament and bouldering

If you have a great idea for a meeting, you can register here Keep an eye on this page if you want to know when and where the mitaps will be happening.

How to use RouteInfo.metadata from EmberMap

Ember uses the object RouteInfo to store information about the route. This includes the route name, request parameters, and parent route. Starting with. Ember 3.10. , RouteInfo contains an additional attribute called metadata where you can store and retrieve additional route information.

How can you use this feature? In the last video. "What’s new in Ember." Sam Selikoff ( @samselikoff ) shows how you can create dynamic breadcrumbs In the course of the video you will also see how you can check the object RouteInfo

We encourage you to watch the video and share your uses metadata You will find some more examples at RouteInfo RFC metadata

Try the Octane JAM Sandwich on EmberConf

Of course you remember the video of this emberist About building a blog site with Ember Node in 15 minutes , you’ve heard him talk about his work on Ember-based blog engine , or you recall him repeating the word JAM 46 times. In his introduction to JAM (JavaScript, API and Markup) stack for humans !This year, Chris Manson ( @mansona ) even more ideas about the modern JAM stack to share!

At EmberConf he will tell us about the stack JAM in Octane-Powered editorial ; why JAM Stack has become so popular and how Ember Octane fits well with this approach to web development. But that’s not all : you can learn how to build your first JAM Stack website with Octane and Empress at his EmberConf workshop "Create and publish your own empress -blog template."

In an exclusive interview with The Ember Times, Chris shares how popular the JAM stack is and why it’s so useful for building modern websites in 2020 :

[…] I believe that most Ember developers already use JAM Stack concepts. It’s not black and white, it’s not "you use the JAM stack" or "you don’t". You can already add JAM to your applications, and when asked when you want to do it, I’ll give you the simple answer when you need it. If you need good SEO, or if you need faster startup times, you can take a look at JAM technologies.

So what’s our experience with building JAM stack websites using Octane? Chris shares his experience as a developer on the JAM stack and mentors a workshop :

What most people like about using JAM Stack with Ember is that you can get all this functionality just by installing 1 or 2 addons. If you had to teach someone everything from scratch all the way through to publication, it would take a lot longer and be a lot harder. But using the power of Ember, using the power of Ember addons, people get quick results and get things done quickly.

Besides learning the theory and practice of the JAM stack, what other benefits can you get from attending EmberConf in 2020? Chris shares his opinion :

What I like best about EmberConf is meeting people, chatting in the hallway, and discussing Ember perspectives. These all always seem to happen late at night over dinner or in between two conversations.

If you want to learn more about Ember Octane, Empress and JAM, join over 800 other Ember developers at EmberConf in Portland March 16-18, 2020 Ticket prices for regular attendees start at $449. Order your tickets before they sell out at the EmberConf website!

Study Ember application performance using Tracerbench

What is Tracerbench? Think back to Lighthouse CI, but with Statistical rigor. And more meaningful data With the ember-performance-monitoring / tracerbench-Compare-Action you can monitor the performance of your web application during the CI phase. While the library is versatile enough for any web application, Tracerbench is great for testing Ember applications and add-ons with GitHub Actions.

The motivation for creating Tracerbench is simple: create a tool that shows the difference in performance. You can find more details on the project page Tracerbench / tracerbench Up to this point, there has been a gap in performance analysis tools for Ember applications. Developers are trying to find and analyze performance regressions that will allow them to quickly and iteratively make changes to their local development environment. The current approach to performance analysis is for developers to run a single trace using Chrome Developer Tools. Unfortunately, this approach fails to detect regressions in the web application until they become significant.

We learned about Tracerbrench from tweet Chris Tobern (@runspired), where he thanks Chris Selden ( @krisselden ) and LinkedIn for their work on Tracerbench! We’ll try to cover this topic more extensively in the future!

Try the extension for VSCode Related Files Hopper !

Have you ever had to search for similar files in the Ember repository in VSCode? Suchita Doshi ( @suchitadoshi1987 ) created an extension to make switching between files easier!

Extension Related Files Hopper helps developers navigate through several files that are affected by a feature. For example, in Ember, a person adding or removing something in components/foo.js , may also touch the templates/foo.hbs and related tests integration/foo-test.js or integration/foo-test.jsacceptance/foo-test.js This extension provides hotkeys for related files when you work in components/foo.js

Try it today, Leave your review or suggest new features !

Thanks to Contributeram

This week we would like to thank
@bobisjan , @runspired , @efx , @chriskrycho , @MelSumner , @jamescdavis , @skaterdav85 , @rwjblue and @jrjohnson for their contributions to Ember and its associated repositories!

Got a question? Ask them using the form of questions from readers!

The Ember Times - Issue 132
Want to know something related to Ember, Ember Data, Glimmer, or addons in the Ember ecosystem, but don’t know where to ask? There’s a Reader’s Questions section for you!

Submit your own question using the form bit.ly/ask-ember-core And don’t worry, no stupid questions, we appreciate any questions – honest!


Want to write for Ember Times? Got a suggestion for next week’s issue? Join us at #support-ember-times in Ember Community Discord or write to yandex.direct @embertimes on Twitter

Stay up to date on what’s happening in the world of Ember by subscribing to our weekly email newsletter ! You can also find our posts On Ember’s blog.

That’s it! Good luck!

Ann-Grit van Herweijnen, Chris Ng, Amy Lam, Isaac Lee, Jessica Jordan and the Learning Team

Previous issue available at The next issue here

You may also like