DEV Community

The Ember Times
The Ember Times

Posted on • Originally published at blog.emberjs.com

The Ember Times - Issue No. 190

πŸ‘‹ Emberistas! 🐹

It's October...and that means it's time for Hacktoberfest! Also, try out the first beta release of Ember 4.0 today, plus a release of ember-popperjs


πŸŽƒ Hacktoberfest

Hacktoberfest is an annual, worldwide celebration organized by DigitalOcean and sponsored by many companies that use open source software. Many Ember projects are participating this year! If you complete the challenge,
you can get a prize!

To participate:

  • Sign up anytime between October 1 and October 31.
  • Make 4 approved Pull Requests to public repositories on GitHub that have the hacktoberfest topic. Take a moment to learn about what goes into an "approved" Pull request.
  • If you are among the first 50,000 developers who complete the challenge, you get a prize. This year, you can select between a T-shirt and a tree planted in your name.
  • Join the #hacktoberfest channel in the Ember Community Discord to collaborate with other participants!

Ember projects you can help out with

Are you wondering what to work on?

There are 100 and counting Ember projects participating! Here's a list of recently updated issues in those repositories.

Ember 4.0 is coming up, and so one area of need is to help addon maintainers upgrade to version 3.28 and resolve deprecations. Even if addon authors do not have issues open for this work, you can open one and offer to help.

You can also visit Ember's Help Wanted to find good issues to work on. The Ember Learning Team and others are curating some super beginner-friendly issues. In Help Wanted, you can find these issues, along with more intermediate and advanced issues. If you want to help, comment on an issue to let others know that you are working on it. If the issue you want to work on is taken, try asking if the other volunteers would like to collaborate!

Connect with other participants

Join the #hacktoberfest channel in the Ember Community Discord to connect with other developers. You can find a buddy to pair with, a mentor to guide you, or toss around ideas.

If you are someone who is willing to help mentor new contributors, please let us know in #hacktoberfest on Discord. Addon maintainers are welcome to post issues they need help with too!

Additionally, there are several more groups within the Ember Community Discord where you can find others to collaborate with. There are Discord channels for women, LGBTQ+, and people of color. If you belong to one of those groups, you can ask to join in the #discord-server-admin channel.


✨ Ember 4.0.0-beta.1 released

On October 4, the first beta of Ember 4.0 has been released. It contains improvements to documentation as well as a few new features:

  • Add addons.exclude and addons.include options (implements RFC #639)
  • Add pnpm support to ember install command
  • Default ember new and ember addon to use GitHub Actions (implements RFC #696)
  • Update app and addon blueprints to use ember-auto-import@v2

For more information about the 4.0.0-beta.1 release, you can visit the release page on GitHub. We encourage you try it out and provide feedback.


πŸŽ‰ Release of ember-popperjs

NullVoxPopuli (@NullVoxPopuli) released v1.0.0 of ember-popperjs which provides a single <PopperJS> component with with APIs to create popover, tooltips, and more!

The addon provides 2 modifiers: {{trigger}} which sets up the target element for the popover element to position itself to – and {{popover}} which attaches to the element that is the container of the popover content. There are also placement and options attributes which can be applied to customize the <PopperJS> behaviour.

<PopperJS as |trigger popover|>
  <button {{trigger}} {{on "click" this.yourClickHandler}}>
    {{yield to="trigger"}}
  </button>

  {{#if this.yourVisibilityIndicator}}
    <div {{popover}}>
      This is a popover!
      {{yield to="default"}}
    </div>
  {{/if}}
</PopperJS>
Enter fullscreen mode Exit fullscreen mode

Note that PopperJS does not provide styles for making a popover nor does it provide click handlers for showing and hiding the popover. Try it out today, it’s available on GitHub!


πŸ‘ Contributors' corner

This week we'd like to thank Edward Faulkner (@ef4), Lyle Frost (@lfrost), James Herdman (@jherdman), Jacob (@jfdnc), Darius Dzien (@ddzz), Amy Lam (@amyrlam), Sergey Astapov (@SergeAstapov), Jen Weber (@jenweber), Godfrey Chan (@chancancode), Bryan Mishkin (@bmish), Robert Jackson (@rwjblue), Chris Ng (@chrisrng), Robert Wagner (@rwwagner90), Bert De Block (@bertdeblock), Aoife Hannigan (@aoifehannigan), Pat O'Callaghan (@patocallaghan), Ricardo Mendes (@locks), Tim (@fozy81), Cyrille (@dcyriller), @NullVoxPopuli, Nicolas Lepage (@nlepage), Nathaniel Furniss (@nlfurniss), Tobias Bieniek (@Turbo87), Chris Krycho (@chriskrycho), and Isaac Lee (@ijlee2) for their contributions to Ember and related repositories! πŸ’–


πŸ€“ Connect with us

Office Hours Tomster mascot

Wondering about something related to Ember, Ember Data, Glimmer, or addons in the Ember ecosystem, but don't know where to ask? Readers’ Questions are just for you!

Submit your own short and sweet question under bit.ly/ask-ember-core. And don’t worry, there are no silly questions, we appreciate them all - promise! 🀞

Want to write for the Ember Times? Have a suggestion for next week's issue? Join us at #support-ember-times on the Ember Community Discord or ping us @embertimes on Twitter.

Keep on top of what's been going on in Emberland this week by subscribing to our e-mail newsletter! You can also find our posts on the Ember blog. See you in two weeks!


That's another wrap! ✨

Be kind,

Jen Weber, Isaac Lee, Chris Ng, Amy Lam, and the Learning Team

Discussion (0)