Ember Times-Issue 126


👋 Humanitarian! 🐹

Ember Inspector will have more improvements 🚀, on behalf of Ember participated in the 2019 JavaScript status survey 📃, thanks to the contributors of Octane Guides 🙏, Ember has become more real through RealWorld 🌟, EmberConf CfP will end on December 1st 📆, and Ember + Tailwind CSS tips and tricks🎨!


A huge shout, thank you Godfrey Chan (@chancancode) with Robert Wagner (@rwwagner90), The maintainer of Ember Inspector, and everyone involved, all the excellent work they have done to get new and improved Embers inspector Ready for octane! 🔥🔥🔥

With the release of Octane, it is gratifying that Octane’s Glimmer component can now work in Ember Inspector, including component tree and object inspector. Other improvements include improving the component hover inspection tool to match Chrome’s inspection style, many bug fixes, and a complete rewrite of the component tree logic to accommodate future development.

Godfrey Chan (@chancancode), Thanks a lot for helping design captureRenderTree The API in Ember needs to provide the Inspector with the information it needs and provide a polyfill, so it can work seamlessly across versions.

Thank you very much too Patrick (@patricklx) Many recent work to prepare the inspector for Octane, including compatibility with Octane tracking attributes.

If you want to help test all new features, there is an open Changing PRPlease let Robert Wagner (@rwwagner90) If you encounter any problems, the Inspector team will know on the PR! This is a preview:


It’s this time of year again!Please fill in JavaScript Status Survey And represents Humanity!

In 2018, the survey collected more than 20,000 responses from developers to determine current and upcoming trends. This year, the survey once again looked at how developers use JavaScript in terms of syntax, browser APIs, and mobile and desktop networks.

All questions are optional and do not need to be 100% complete, so please try and answer JavaScript Status Survey Nowadays!Tip: survey inquiry Humanity Under “Front End Framework”.


Documentation is indispensable to help us understand how to use open source projects such as Ember and its plugins. Documents are so common in our lives that we tend to ignore the workload involved in creating and maintaining documents.

Today, we sincerely thank @sly7-7 with @venusang. @sly7-7 proofread and updated several code examples Octane Guide, And @venusang added in Ember.js Octane and the classic cheat sheet (We strongly recommend bookmarking this page!).

If you can contribute to everyone’s learning today, we ask for your help Update the readme file of your favorite plugin Provide code examples in Octane.


real world, “The Mother of All Demo Applications”, is an open source project that aims to showcase full-stack applications built using any front-end or back-end framework/library. It provides specifications for the API and front end. The idea is to show how to use different frameworks/libraries to build “real world” applications.

The Ember RealWorld implementation is finally complete!It started more than two years ago Alon Bouquet (@Alonski) After all, this time has finally completed the function. In this process, a large number of contributors provided help: Jonathan Goldman (@jonnii), Alex LaFroscia (@alexlafroscia), Laura Kajepst (@delusioninabox), Pat O’Callaghan (@patocallaghan), Garrick Cheung (@GCheung55), Chris Manson (@mansona), with John (@johpol).

This implementation shows a classic Ember.js application, using the most idiomatic Ember pattern as an example for the wider community. Feel free to browse the code base, and even provide suggestions, PRs, or comments on how the application is built. There is always room for improvement. For example, we are looking for performance improvements, so if this is your cup of tea☕, please contribute.

The RealWorld project has a scoring system based on GitHub stars. Currently Ember RealWorld has been starred by community members 60 times, but we believe there will be more! In order to make the repo reflect the real usage of Ember on the network, Go vote with your star 🌟!

PS Be aware that the Octane implementation will soon be launched in a GitHub repository near you🍿.


EmberConf is the largest annual conference on Ember to be held in Portland, USA from March 16 to 18, 2020. It is accepting community discussion proposals-but only 12 a.m. Pacific Standard Time on December 1st (= December 1, 7 am UTC).This means that if you haven’t already done so, now is the time Submit your amazing meeting proposal!

The EmberConf Call for Papers (CfP) is public, starts anonymously, and has a collaborative process to help applicants improve their proposals.

Why become a speaker? Because this is a unique opportunity to share your knowledge, opinions and experience with the wider community!Whether you are a first-time speaker or an experienced speaker, this is your opportunity to express your ideas in the form of a speech 30 minutes Conversation or 15 minutes Small talk.

Please be sure to submit your speech ideas this weekend If you still need some inspiration: be sure to check out This year’s EmberConf CfP brainstorming Seek feedback from the Program Committee! Fingers crossed!


Are you on the functional CSS train 🚂? Tailwind CSS is a highly customizable low-level CSS framework that provides you with all the building blocks needed to build a custom design without any annoying stubborn styles that you have to work hard to cover. Balint Erdi (@balinterdi) Recently I wrote a blog about Ember, Tailwind and PostCSS.in His first post, Balint explains how to use Manual automatic import, you can use it Downwind Directly with dependencies on Ember-specific integrator packages. (Ember-cli-tailwind has been deprecated because it works so well!) However, to make your Ember application integrate well with Post CSS, Balint recommends sticking to the integrator add-on man-cli-postcss. View css after import Ability to import styles from other files.

in his Second post, Balint detailed how he added Purgecss to the portfolio. filter Is a library that removes unused CSS, thereby reducing the size of the package.Must check out Chris Masters (@chrism)In his detailed work example emberjs-tailwind-purgecss READMEBalint also talked about using Purgecss only in production, which has its advantages and disadvantages.We really like the discussion about these blog posts Twitter topic. Downwind and downwind!


This week we want to thank @kellyselden, @tniezurawski, @pichfl, @卡农吉, @rwjblue, @runspired, @MarcoUmpierrez, @Gaurav0 with @dmuneras Thanks for their contributions to Ember and related repositories! 💖


Tomster mascot during office hours

Want to know about Ember, Ember Data, Glimmer, or plugins in the Ember ecosystem, but don’t know where to consult? Readers’ questions are only answered for you!

Submit your own Short and sweet problem under bit.ly/ask-ember-coreDon’t worry, there are no stupid questions, we thank them-guaranteed! 🤞


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, Isaac Lee, Jared Galanis, Alon Bukai, Jessica Jordan, Amy Lam and the learning team



Leave a Reply

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