CSS
The Flexbox Reading List: Techniques and Tools
It might be a little late to say "Flexbox is the future" since it's very much the present, but that just means if you haven't taken a look at it yet you REALLY should. Good news is our friends over at Smashing Magazine just this morning compiled this list of great Flexbox resources to learn from.
smashingmagazine.com
Elm (Beginner)
Elm, Functional Front-end Development and Why You Should Care
It's no secret that Elm continues to grow in popularity. In this article Dennis explains why. The trend around FP and Elm being statically typed are a few reasons. If you're new with Elm and want to know why people love it, this is the post for you.
changelog.com
Elm
Elm Native UI: Writing a React Native app in Elm
And for your "something I never knew I wanted" for the day, here's how to build a React Native app in Elm by Ossi.
github.io
Ember (Beginner)
Your First Ember.js App
If you've come to the world of frontend development from something like Ruby on Rails, Ember might seem like the obvious choice for you. It's strong command line tooling is one feature in particular which stands out to Rails developers. If you're getting started in Ember Balint Erdi's tutorial is a good starting point.
toptal.com
Ember
Ember Data for the Curious
A topic that often comes up for folks new to Ember is Ember Data. There’s a whole bunch of fear around the topic and Ember Data (ED) is frequently maligned. In this article, Martin hopes to provide some insight into the way ED works, particularly when you have an API that may not match the JSON-API spec.
github.io
JavaScript (Beginner)
es6 cheatsheet at DuckDuckGo
DuckDuckGo search results are getting a bit more intuitive, for example check out this search result for es6 cheatsheets.
duckduckgo.com
JavaScript
How to Contribute to an Open Source Project on GitHub
“Feel free to submit a PR!” - words often found in GitHub issues, but met with confusion and fear by many. Getting started with contributing open source is not always straightforward and can be tricky. With this series, you’ll be equipped with the the tools, knowledge, and understanding you need to be productive and contribute to the wonderful world of open source projects. Send Kent a tweet thanking him for the awesome free resource!
egghead.io
Promises vs Eventual Values
If you've ever experienced "callback hell" then you may have found promises in JavaScript to be somewhat magical, but promises have their own problems, and have recently come into the spotlight of unfavorable public opinion. The opinion of Isaac Z. Schlueter on the matter isn't hard to find if you're ever on twitter, but this time he's taken the time to write his feelings out on the matter.
izs.me
Understanding Transducers in JavaScript
Simply put, transducers are data transformation methods which don't create intermediate collections. They allow you to manipulate your data without chaining multiple methods together. Roman Liutikov's article illuminates transducers and their uses in an easy to understand manner.
medium.com
Why npm Scripts?
Build tools are an essential piece of most modern web apps. Between compiling React and babel, you can bring a lot of power to your app with a good build tool. Recently there's been a shift away from traditional build tools, like Grunt and Gulp, in favor of npm scripts. Damon Bauer takes us through his npm scripts and their place in his projects.
css-tricks.com
React (Beginner)
Learn React By Itself -- no JSX, no Flux, no ES6, no Webpack.
When speaking of React, we are often talking more about the React ecosystem than React by itself. This is because React alone is a relatively small piece of making web apps. When trying to dive into React, it can be overwhelming to learn React and JSX and Flux and ES* and Webpack. James K Nelson gives us a good introduction into using React sans the rest.
jamesknelson.com
React
Building User Interfaces with Pure Functions and Function Composition in React.js
The idea of breaking up your UI into components has changed the way we build applications. In this post, Tyler walks through the similarity between functions which return a value and functions which return some UI. He'll also cover the importance of pure functions and how becoming more focused on functional programming can help you build better user interfaces.
tylermcginnis.com
Draft.js | Rich Text Editor Framework for React
Draft.js is a framework for building rich text editors in React, powered by an immutable model and abstracting over cross-browser differences.
Draft.js makes it easy to build any type of rich text input, whether you're just looking to support a few inline text styles or building a complex text editor for composing long-form articles.
github.io
Other
JavaScript fatigue fatigue
This is the golden age of JavaScript, and web development. The ecosystem is thriving and we've got a solid open source community. Inside all of this it can be easy to feel like you're missing out if a new library comes out and you're not using it. It's easy to get caught up in what is new, and miss out on why we enjoy writing code in the first place. Axel is at it again with some tips on avoiding fatigue.
2ality.com
I often get asked how to have your resource considered for the newsletter. The easiest way is to tweet at one of us (@tylermcginnis33 or @eanplatter) or if you're not on twitter send us an email at hello@frontendnewsletter.com. A large reason why we created this newsletter was to give a voice to those who are creating great content and wouldn't normally have one - if that's you, let us know.
In other news, I'm at React Conf this week so if you're here come say hi!
Tyler McGinnis