Issue #1 - 9.April.2024
Addy Osmani launches his new book - "Success at Scale"
Welcome to the first issue on FrontendBytes.
A tip to begin with!
With so much going on in frontend development, new frameworks keep coming up, and a new JS library is being written every day in some parts of the world. It surely is hard to remain updated with everything, but the good news is you don’t need to. I have myself lived with this FOMO for years before I realized I don’t need to learn everything, instead focus on the problems we have and keep finding the solutions for them. One thing that often helps is discussing the problems with community members online, be it on Reddit, HackerNews, or StackOverflow.
In this issue, I am going to share a couple of interesting articles I came across and a couple of tools I found interesting. Let’s go straight into them.
Latest in Frontend Development
Angular will be merged with Wiz.
In the latest annual angular conference, Minko Gechev and Jeremy Elbourn from the Angular team presented the news that Angular will be merged with Wiz, Google's internal framework.
Wiz is a front-end internal framework made by Google, used in many products like Google Drive, Google Photos, Google Maps, YouTube and Gmail. Later, Sarah Drasner also confirmed this in her tweet.
Exploring TailWind Oxide
In August 2023, Adam Wathan (Tailwind Creator) introduced a new CSS framework - Tailwind Oxide. Tailwind Oxide Engine is a significant evolution that simplifies the unified toolchain, boosts performance, and streamlines configuration.
Moreover, it is backward compatible, so there’s nothing blocking you from trying this out in your existing projects.
Here are some good references
Modern Git Commands & Features you should be using
Almost every software developer today uses Git, but many of us are still not familiar with the latest Git commands that can fasten our workflow.
switch (v2.23+) → Switch branches easily
restore (v2.23+) → To restore a file to the last committed version
sparse-checkout (v2.25+) → Helps you work in a sub-directory of a big repo. Makes your rest of the git commands faster like git checkout, etc.
work tree (v2.5+) → Helps you check out more than one branch at a time. Very helpful if your development setup requires working on two branches, if you have to look/inspect the original source code while building your feature, or if you have to make an urgent bug fix whilst in the middle of a big refactoring.
bisect (v1.7+) → Helps you find a specific commit using binary search. Very helpful in finding a commit, e.g., that introduced a bug.
Here are some good references
Learn from the best
A couple of weeks back, Addy Osmani launched his new book, “Success at Scale.” The 300+ page book is a collection of curated best-practice case studies capturing how teams at top companies tackle performance, accessibility, capabilities, and developer experience at a large, real-world scale.
It includes insights and lessons learned from engineering teams at Instagram, Shopify, Netflix, eBay, Figma, Spotify, Wix, Lyft, LinkedIn, and many more.
→ Check his LinkedIn announcement
PS - I have personally got the e-book via the Smashing Magazine subscription.
Conclusion
I hope you find this helpful. Next time, we will try to bring in some more new content and some tools to explore.
In the meantime, happy developing!
— Sachin Jain, Co-Founder & CEO, Requestly