Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The Ember Times No. 142 - April 3rd 2020 #589

Merged
merged 24 commits into from
Apr 4, 2020
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
9a2575a
Set up new issue
amyrlam Mar 28, 2020
917a7c5
Write up on Ember CLI improvement tips
abhilashlr Apr 1, 2020
bcfbd8f
Update source/2020-04-03-the-ember-times-issue-142.md
abhilashlr Apr 2, 2020
75c66d7
blog(embertimes142): Release of ember-arg-types
chrisrng Apr 2, 2020
ac8744b
Update source/2020-04-03-the-ember-times-issue-142.md
abhilashlr Apr 2, 2020
9388c4c
Merge pull request #591 from abhilashlr/patch-2
jayjayjpg Apr 2, 2020
54b97b9
Remove easily
chrisrng Apr 2, 2020
1156258
Merge branch 'blog/embertimes-142' into chrisrng-patch-1
jayjayjpg Apr 2, 2020
f394ba7
Update source/2020-04-03-the-ember-times-issue-142.md
jayjayjpg Apr 2, 2020
a1bec2e
Merge pull request #592 from ember-learn/chrisrng-patch-1
jayjayjpg Apr 2, 2020
1b289f5
blog(embertimes#142): ember api docs shout out to contrib. (w/ @Gaurav0)
jayjayjpg Apr 2, 2020
6b856f3
blog(embertimes#142): apply wording suggestions ✨
jayjayjpg Apr 2, 2020
5c8df02
Merge pull request #593 from jessica-jordan/embertimes-jj
jayjayjpg Apr 2, 2020
8f9d7ad
Adds Glimmer 2 Betas
jaredgalanis Apr 3, 2020
357b3df
Update source/2020-04-03-the-ember-times-issue-142.md
jaredgalanis Apr 3, 2020
38d1c49
Update source/2020-04-03-the-ember-times-issue-142.md
jaredgalanis Apr 3, 2020
0d40f93
update std build section and a few other polishes
jaredgalanis Apr 3, 2020
9b6ee66
Merge pull request #594 from ember-learn/glimmer-2-beta
jaredgalanis Apr 3, 2020
cd4571a
Covered 3 talks from EmberATX
ijlee2 Apr 3, 2020
f80a854
Update source/2020-04-03-the-ember-times-issue-142.md
amyrlam Apr 4, 2020
65656d4
Merge pull request #595 from ijlee2/blog/embertimes-142
amyrlam Apr 4, 2020
862a1fb
Update 2020-04-03-the-ember-times-issue-142.md
amyrlam Apr 4, 2020
6bd3dff
Update 2020-04-03-the-ember-times-issue-142.md
amyrlam Apr 4, 2020
08c64b4
Update 2020-04-03-the-ember-times-issue-142.md
amyrlam Apr 4, 2020
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion source/2020-03-27-the-ember-times-issue-141.md
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: The Ember Times - Issue No. 141
author: Anne-Greeth van Herwijnen, Preston Sego, Jared Galanis, Isaac Lee, Chris Ng, Jessica Jordan, Erik Rothoff, Amy Lam
tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020
tags: Newsletter, Ember.js Times, Ember Times, 2020
alias : "blog/2020/03/27-the-ember-times-issue-141.html"
responsive: true
---
Expand Down
128 changes: 128 additions & 0 deletions source/2020-04-03-the-ember-times-issue-142.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,128 @@
---
title: The Ember Times - Issue No. 142
author: Chris Ng, Abhilash, Jessica Jordan, Jared Galanis, Isaac Lee, Amy Lam
tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020
alias : "blog/2020/04/03-the-ember-times-issue-142.html"
responsive: true
---

πŸ‘‹ Emberistas! 🐹

Community support for the Ember API Docs πŸ““β€οΈ,
release of `ember-arg-types` 🍎🍊,
Ember CLI improvement tips πŸš€,
betas of Glimmer.js 2 πŸŽ‰, and last, but not least,
watch 3 virtual talks from EmberATX πŸ“½οΈ!

READMORE

---

## [Community support for the Ember API Docs πŸ““β€οΈ](https://github.com/ember-learn/ember-api-docs)

The [Ember API Docs](https://api.emberjs.com/ember/release) have been one of the cornerstones of Ember's official learning resources since the early days of the project.

But did you already know that right now there are plenty of efforts underway to modernise the app? In this regard, we'd like to thank [Gaurav Munjal (@Gaurav0)](https://github.com/Gaurav0) in particular for bringing in [lots of new upgrades, awesome refactors and improvements to the API Docs](https://github.com/ember-learn/ember-api-docs/pulls?q=is%3Apr+is%3Aclosed+author%3AGaurav0) ❀️!

If you are interested in **helping** with modernising the Ember API Docs - be it contributing code, triaging issues, or reviewing changes - make sure to chat with the Ember Learning team. You can do so either on [an issue discussion on Github](https://github.com/ember-learn/ember-api-docs/issues) or on the **#dev-ember-learning** channel through the [Ember Discord](https://discordapp.com/invite/emberjs)!

---

## [Release of ember-arg-types 🍎🍊](https://twitter.com/jonkilroy/status/1242639546749255681)

[Jon Kilroy (@jkusa)](https://github.com/jkusa) released the `ember-arg-types` library which provides a decorator (`@arg`) that maps [glimmer arguments](https://guides.emberjs.com/release/upgrading/current-edition/glimmer-components/) to local component properties. This allows default values and type checking to be declared and documented in your component JS file.

In this example, `sortBy` will return the string argument passed or will default to the string `’id’`:

```js
@arg(string)
sortBy = 'id';
```

Instead of writing something like this:

```js
get sortBy() {
const { sortBy='id' } = this.args;
assert('`sortBy` must be a string', typeof sortBy === 'string');
return sortBy;
}
```

Furthermore `ember-arg-types` leverages the [facebook/prop-types](https://github.com/facebook/prop-types) library by importing type validators for runtime type checking. As an example, the `name` argument below is required to be a string.

```js
import Component from '@glimmer/component';
import { arg } from 'ember-arg-types';
import { string } from 'prop-types';

export default class CharacterComponent extends Component {
// `name` string arg that is required
@arg(string.isRequired)
name;
}
```

Try it out today by ember installing [ember-arg-types](https://github.com/jkusa/ember-arg-types)!

---

## [Ember CLI improvement tips πŸš€](https://gist.github.com/vasind/22122632be15f3bc98a092ab012524e2)

[Vasanth (@vasind)](https://github.com/vasind) collated a list of all [**Ember CLI**](https://ember-cli.com/) improvements for Ember applications as a GitHub gist. He showcased improvements to the `ember-cli-build.js` that speed up build times for development and test environments, while retaining the right configurations in production. He also added tips on optimizing applications using [Mirage](https://www.ember-cli-mirage.com/). [Head out to his gist](https://gist.github.com/vasind/22122632be15f3bc98a092ab012524e2) to check them out!

---

## [Betas of Glimmer.js 2 πŸŽ‰](https://github.com/glimmerjs/glimmer.js/releases)

A set of **new betas for Glimmer.js 2.0.0** ([beta.1](https://github.com/glimmerjs/glimmer.js/releases/tag/v2.0.0-beta.1) && [beta.3](https://github.com/glimmerjs/glimmer.js/releases/tag/v2.0.0-beta.3)) have been released! πŸ”₯πŸ”₯πŸ”₯

The releases incorporate some exciting new developments including a new minimal `renderComponent` API, a template import based design, a standardized build based on plain JavaScript modules, a new Glimmer.js app blueprint, and support for custom helpers and modifiers. The standardized build emulates the goals of Embroider in Ember.js and unlocks the ability to use whatever custom build pipeline you might want (WebPack, Parcel, Rollup, etc.)!

The Glimmer.js betas could pave the way for what we might want to do in Ember.js, and even what we might _not_ want to do in Ember.js. Please note that these new Glimmer.js betas are definitely experimental. πŸ”¬πŸ§ͺ Have fun exploring them 🀠, but keep this in mind when considering them for use in your application.

---

## [Watch 3 virtual talks from EmberATX πŸ“½οΈ](https://twitter.com/EmberATX/status/1245383493632380929)

Hope everyone is well and taking care of themselves! πŸ’ž If you have ~15 minutes to spare, you can watch a recent talk from EmberATX:

- [ember-printable-pages](https://www.youtube.com/watch?v=2FQivvOK-04&list=PLHCmVP3S9Z1PZp5JU6VxmUyuQjO7vrLfy) by [Chris Bonser (@chbonser)](https://github.com/chbonser)
- [Introducing Ember Modifiers](https://www.youtube.com/watch?v=KWBOYqAEh6M&list=PLHCmVP3S9Z1PZp5JU6VxmUyuQjO7vrLfy) by [Ava Wroten (@sharpshark28)](https://github.com/sharpshark28)
- [CI with GitHub Actions for Ember Apps](https://www.youtube.com/watch?v=Np3DdTrYmV0&list=PLHCmVP3S9Z1PZp5JU6VxmUyuQjO7vrLfy) by [Isaac Lee (@ijlee2)](https://github.com/ijlee2)

In particular, please check out the new addon, [ember-printable-pages](https://forge512.github.io/ember-printable-pages/)! You can **write declarative templates** and **reuse components** to create printable pages for end users. It also supports **progressive rendering** to provide a smooth user experience when the end user needs to print <span style="font-style: italic;">hundreds</span> of pages. πŸ’―

---

## [Contributors' corner πŸ‘](https://guides.emberjs.com/release/contributing/repositories/)

<p>This week we'd like to thank <a href="https://github.com/locks" target="gh-user">@locks</a>, <a href="https://github.com/Gaurav0" target="gh-user">@Gaurav0</a>, <a href="https://github.com/rwwagner90" target="gh-user">@rwwagner90</a>, <a href="https://github.com/Robdel12" target="gh-user">@Robdel12</a>, <a href="https://github.com/skaterdav85" target="gh-user">@skaterdav85</a>, <a href="https://github.com/somasuna" target="gh-user">@somasuna</a>, <a href="https://github.com/rwjblue" target="gh-user">@rwjblue</a>, <a href="https://github.com/pzuraq" target="gh-user">@pzuraq</a>, <a href="https://github.com/brendenpalmer" target="gh-user">@brendenpalmer</a>, <a href="https://github.com/sharpshark28" target="gh-user">@sharpshark28</a>, <a href="https://github.com/sivakumar-kailasam" target="gh-user">@sivakumar-kailasam</a>, <a href="https://github.com/chancancode" target="gh-user">@chancancode</a> and <a href="https://github.com/SYU15" target="gh-user">@SYU15</a> for their contributions to Ember and related repositories! πŸ’–</p>

---

## [Got a question? Ask readers' questions! πŸ€“](https://docs.google.com/forms/d/e/1FAIpQLScqu7Lw_9cIkRtAiXKitgkAo4xX_pV1pdCfMJgIr6Py1V-9Og/viewform)

<div class="blog-row">
<img class="float-right small transparent padded" alt="Office Hours Tomster Mascot" title="Readers' Questions" src="/images/tomsters/officehours.png" />

<p>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!</p>

<p><strong>Submit your own</strong> short and sweet <strong>question</strong> under <a href="https://bit.ly/ask-ember-core" target="rq">bit.ly/ask-ember-core</a>. And don’t worry, there are no silly questions, we appreciate them all - promise! 🀞</p>
</div>

---

## [#embertimes πŸ“°](https://blog.emberjs.com/tags/newsletter.html)

Want to write for the Ember Times? Have a suggestion for next week's issue? Join us at [#support-ember-times](https://discordapp.com/channels/480462759797063690/485450546887786506) on the [Ember Community Discord](https://discordapp.com/invite/zT3asNS) or ping us [@embertimes](https://twitter.com/embertimes) on Twitter.

Keep on top of what's been going on in Emberland this week by subscribing to our [e-mail newsletter](https://the-emberjs-times.ongoodbits.com/)! You can also find our posts on the [Ember blog](https://emberjs.com/blog/tags/newsletter.html).

---

That's another wrap! ✨

Be kind,

Chris Ng, Abhilash, Jessica Jordan, Jared Galanis, Isaac Lee, Amy Lam and the Learning Team