Friday Frontend: Framework Ecosystems Edition
As the core frameworks of React, Vue, and Angular mature we’re seeing more and more innovation in the tooling and ecosystems around those frameworks.
This reminds me a lot of the maturation in server-side framework ecosystems ~5-10 years ago, and bodes REALLY WELL for the front-end ecosystem. Learn more in this week’s Friday Frontend Inspiration Video:
KBall from ZenDev
P.S. I'm traveling all next week so there will no newsletter. Next newsletter will come out on Friday August 17. Talk to you then!
CSS & SCSS
The trick to viewport units on mobile
Interesting approach to handling the funkiness that comes from the ways that mobile browsers treat viewport units,
vh in particular.
5 hot new CSS features and how to use them
Some pretty interesting new stuff in here, taught via a step by step walkthrough creating a UI. I’m particularly intrigued by
The peculiar magic of flexbox and auto margins
Huh, so apparently
margin: auto; works differently in Flexbox. I’ve done a lot of flexbox, but somehow never really run into this… I think because within flexbox I just use
align-self and that typically handles it. That said, it never hurts to have another tool in the toolchest….
The frustrations of using CSS Shapes and CSS Exclusions
This article is framed in the negative - hey, it’s challenging to use this new feature - but I think it’s actually a great demonstration of the power of the new feature. With the exception of the lack of Microsoft Edge support, I think all the other issues raised by the author are overcomeable (in fact the comments answer some of them directly), and this stands as a demonstration of the fact that WE DON’T HAVE TO JUST USE BOXES ANYMORE IN CSS. 😁😁😁
TypeScript 3.0 — what has come?
The latest major release of TypeScript is out, and this post breaks down some the major new features. The addition of a new type/language keyword for
unknown is big, and probably the breaking change that force this to be a major version release, but there’s plenty of other good stuff in there too.
I created the exact same app in React and Vue. Here are the differences.
Very interesting approach to teaching about React and Vue. Highlights both the differences in thinking but also to me shows the fundamental sameness of many aspects of these frameworks. Will be useful if you’re familiar with one and curious about the other.
React vs. Vue (vs. Angular)
In a similar comparison vibe, but a different approach. Compares React and Vue along a number of dimensions - learning curve, code style, performance, tooling, community, and more. Based on a readthrough I think the author’s opinions slant a bit towards Vue, but they do a pretty good job of laying out the facts.
Introducing Fusion.js: A Plugin-based Universal Web Framework
Building Wordpress Gutenberg Blocks with Vue.js
Why the New V8 is so Damn Fast
Teaching Your Clients How to Use The Website You Built Them
For those of us in the business of building websites and applications for clients, we know that handoff is a huge challenge. How do you encapsulate all the knowledge about how to use this thing that you’ve build into a digestible set of information for the client? This is a super useful compendium of techniques different folks use, and while some of them may seem obvious to you, I bet you find at least 1 that you’re not already doing.