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
Interesting approach to handling the funkiness that comes from the ways that mobile browsers treat viewport units,
vh in particular.
Some pretty interesting new stuff in here, taught via a step by step walkthrough creating a UI. I’m particularly intrigued by
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….
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. 😁😁😁
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.
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.
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.
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.