Skip to content

Commit

Permalink
blog(embertimes156): adds reusable DOM behavior blog post
Browse files Browse the repository at this point in the history
  • Loading branch information
abhilashlr authored and amyrlam committed Jul 18, 2020
1 parent fa99943 commit 6804ce0
Showing 1 changed file with 16 additions and 12 deletions.
28 changes: 16 additions & 12 deletions source/2020-07-17-the-ember-times-issue-156.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
title: The Ember Times - Issue No. 156
author: Chris Ng, Jared Galanis the crowd
author: Chris Ng, Abhilash LR, Jared Galanis, the crowd
tags: Recent Posts, Newsletter, Ember.js Times, Ember Times, 2020
alias : "blog/2020/07/17-the-ember-times-issue-156.html"
responsive: true
Expand All @@ -12,6 +12,8 @@ responsive: true
Read the blog post on using ember-concurrency with TypeScript 🤝,
Mirage JS with GraphQL 🏝,

Reusable DOM behavior in React vs Ember 🪔,

READMORE

---
Expand All @@ -38,14 +40,16 @@ READMORE

---

## [Section title in sentence case 🐹](section-url)
## [Reusable DOM behavior in React vs Ember 🪔](https://dev.to/rajask05/reusable-dom-behavior-in-react-vs-ember-4p04)

<change section title emoji>
<consider adding some bold to your paragraph>
<please include link to external article/repo/etc in paragraph / body text, not just header title above>
[Raja SK](https://github.com/RajaSK05) wrote a blog post comparing React and Ember's approach to creating reusable components that deal with DOM behaviors. He talks about how to approach the same using the following patterns:

<add your name to author list, top and bottom>
<add blurb and emoji to "SOME-INTRO-HERE">
- React's class-based and functional component approach
- Ember's mixin and **modifier** approach.

He also talks about how to use the [ember-modifier](https://github.com/ember-modifier/ember-modifier) addon if you have been using the Ember mixin patterns so far for DOM behaviors and sharing code between components.

Read the [full blog post](https://dev.to/rajask05/reusable-dom-behavior-in-react-vs-ember-4p04) today!

---

Expand Down Expand Up @@ -128,10 +132,10 @@ Read the [full blog post](https://jamescdavis.com/using-ember-concurrency-with-t
Mirage GraphQL does a bunch of things:
* It fulfills GraphQL requests by fetching data from Mirage's database.
* It filters records from Mirage's database by using arguments from your GraphQL queries.
* It handles create, update and delete type mutations automatically based on some conventions.
* It allows you to supply your own resolvers (for cases where the automatic query and mutation resolution isn't sufficient).
- It fulfills GraphQL requests by fetching data from Mirage's database.
- It filters records from Mirage's database by using arguments from your GraphQL queries.
- It handles create, update and delete type mutations automatically based on some conventions.
- It allows you to supply your own resolvers (for cases where the automatic query and mutation resolution isn't sufficient).
There's plenty of examples on how to get started using GraphQL with Mirage JS using Mirage GraphQL over at the repo, go ahead and [check them out for yourself](https://github.com/miragejs/graphql#example-use-cases).
Expand Down Expand Up @@ -163,4 +167,4 @@ That's another wrap! ✨
Be kind,
Chris Ng, Jared Galanis the crowd and the Learning Team
Chris Ng, Abhilash LR, Jared Galanis, the crowd and the Learning Team

0 comments on commit 6804ce0

Please sign in to comment.