DEV Community

Cover image for 🀯 Keep Up With these 50 Articles
Florian Rappl
Florian Rappl

Posted on

🀯 Keep Up With these 50 Articles

Image by freepik

This year I started a new series on LinkedIn - "Advanced Links for Frontend". Each issue has 10 links to outstanding posts / articles. This bundle contains the links from the last 5 issues (issue 21 to issue 25).

Issue 21

  1. The Dark Side of Open Source (https://kettanaito.com/blog/the-dark-side-of-open-source) by Artem Zakharchenko
    Bottom line: Enthusiasm is great but it makes for a poor dinner.

  2. The Power of :has() in CSS (https://css-tricks.com/the-power-of-has-in-css) by Chris DeMars
    :has is great, but knowing about forgiving lists as in :is might be even more useful.

  3. Can I email? (https://www.caniemail.com/) by Tilt Studio
    Yes you can unless you won't.

  4. A proposal to add signals to JavaScript (https://github.com/proposal-signals/proposal-signals) by Rob Eisenberg and Daniel Ehrenberg
    Personally, I like the addition, but I'd prefer some refinement on the proposal first.

  5. Bun 1.1 (https://bun.sh/blog/bun-v1.1) by Jarred Sumner
    So many great updates - now this is much closer to a v1 than 1.0 was.

  6. A Microcosm of the interactions in Open Source projects (https://robmensching.com/blog/posts/2024/03/30/a-microcosm-of-the-interactions-in-open-source-projects/) by Robert Mensching
    I fully share the sentiment - maintainers need more protection and more respect.

  7. LiveView is best with Svelte (https://blog.sequin.io/liveview-is-best-with-svelte/) by Anthony Accomazzo
    In general Phoenix is a great web framework that is truly underestimated.

  8. Ship Early. Find Bugs. (https://thomaseckert.dev/notes/ship-early-find-bugs/) by Thomas Eckert
    Or ship never - don't care about bugs.

  9. What is Dead Zone in JavaScript? (https://www.freecodecamp.org/news/what-is-dead-zone-in-javascript/) by Joan Ayebola
    Now that we know what the dead zone is - what is friend zone in JavaScript?

  10. Mojo CSS vs. Tailwind: Choosing the best CSS framework (https://blog.logrocket.com/mojo-css-vs-tailwind-choosing-best-css-framework/) by Boemo Mmopelwa
    I seem to be getting old; where's that Bootstrap everyone was talking about?

Issue 22

  1. Low effort image optimization tips (https://blog.sentry.io/low-effort-image-optimization-tips/) by Lazar Nikolov
    Optiziming images is one of the cornerstones for fast websites.

  2. Nuxt: Looking forward (https://nuxt.com/blog/looking-forward-2024) by Daniel Roe and SΓ©bastien Chopin
    Great achievements and great way forward by the Nuxt team!

  3. Blazor Basics: Working with Blazor Layouts (https://www.telerik.com/blogs/blazor-basics-working-blazor-layouts) by Claudio Bernasconi
    In short - most of the time they work unless they don't.

  4. Best Practices for OAuth in Mobile Apps (https://fusionauth.io/blog/best-practices-for-oauth-in-mobile-apps) by Alex Patterson
    Use the native system browser over web views.

  5. What You Need to Know about Modern CSS (Spring 2024 Edition) (https://frontendmasters.com/blog/what-you-need-to-know-about-modern-css-spring-2024-edition/) by Chris Coyier
    Anchor with nesting to query containers at view transitions.

  6. Deno 1.42: Better dependency management with JSR (https://deno.com/blog/v1.42) by Andy Jiang, Bartek Iwanczuk, David Sherret, Divy Srivastava, Nayeem Rahman
    From wanting no dependency management ot having your own registry - we've gone a long way!

  7. The Unreasonable Effectiveness of Inlining CSS (https://strikingloo.github.io/inlining-css) by Luciano Strika
    Is it really unreasonable though?

  8. Announcing Gulp v5 (https://medium.com/gulpjs/announcing-gulp-v5-c67d077dbdb7) by Blaine Bublitz
    Wow Gulp is still alive! Brings back memories; not only good ones.

  9. Angular previews new features, Google aims to merge it with internal Wiz framework (https://devclass.com/2024/03/28/angular-previews-new-features-google-aims-to-merge-it-with-internal-wiz-framework/) by Tim Anderson
    From the Wizard of Oz to Wiz of Angular - magic is in the air (or cloud).

  10. Part 1 – Announcing Babylon.js 7.0 (https://blogs.windows.com/windowsdeveloper/2024/03/28/part-1-announcing-babylon-js-7-0/) by Jason Carter and Thomas Lucchini
    Not to confuse with Babel - this is a reminder what the web platform is capable of.

Issue 23

  1. Iconography In Design Systems: Easy Troubleshooting And Maintenance (https://www.smashingmagazine.com/2024/04/iconography-design-systems-troubleshooting-maintenance/) by Tatsiana Tarkan
    Really great article on a crucial yet underrated topic.

  2. Kuto, a reverse JS bundler (https://samthor.au/2024/kuto/) by Sam Thorogood
    While not really for development this might be interesting for a couple of reasons.

  3. History of JS interop in Dart (https://medium.com/dartlang/history-of-js-interop-in-dart-98b06991158f) by Sigmund Cherem
    Just because you can does not mean you should.

  4. High Definition CSS Color Guide (https://developer.chrome.com/docs/css-ui/high-definition-css-color-guide) by Adam Argyle
    Great guide, however, while CSS colors are now superful I feel like 95% (or more) is still hex or rgb.

  5. How Waku compares to Next.js (https://blog.logrocket.com/waku-vs-next-js/) by Peter Ekene Eze
    In short, while Next.js tries to be a whole thing Waku is lightweight and small. React-like.

  6. A JavaScript library for generating vector-based cartoon faces (https://zengm.com/facesjs/) by Jeremy Scheff and contributors
    I totally love this - and I am sure that I'll soon find good use for it.

  7. Introducing Jpegli: A New JPEG Coding Library (https://opensource.googleblog.com/2024/04/introducing-jpegli-new-jpeg-coding-library.html) by Zoltan Szabadka, Martin Bruse and Jyrki Alakuijala
    Every once in a while Google sends us some new awesome lib improving image formats.

  8. Cally - Small, feature-rich calendar components (https://wicky.nillia.ms/cally/) by Nick Williams
    Why should you pick this? Because its super small, portable, and customizable.

  9. An Interactive Guide to CSS Container Queries (https://ishadeed.com/article/css-container-query-guide) by Ahmad Shadeed
    Container queries is the younger, yet much more powerful brother of media queries.

  10. Angular and Wiz Are Better Together (https://blog.angular.io/angular-and-wiz-are-better-together-91e633d8cd5a) by Jatin Ramanathan and Minko Gechev
    Wizular already has great marketing - but can it run Crysis?!

Issue 24

  1. Meet clickjacking's slicker cousin, 'gesture jacking,' aka 'cross window forgery' (https://www.theregister.com/2024/04/03/clickjacking_heir_gesture_jacking/) by Thomas Claburn
    Met the guy yesterday, did not like it much.

  2. HTML Streaming Over the Wire πŸ₯³: A Deep Div (https://aralroca.com/blog/html-streaming-over-the-wire) by Aral Roca
    Superb one - and the topic is more than hot.

  3. WebAssembly Adoption: Is Slow and Steady Winning the Race? (https://thenewstack.io/webassembly-adoption-is-slow-and-steady-winning-the-race/) by Richard Gall
    Define winning in this context. Will it replace all that we know today? No. Will it be irreplaceable? Yes.

  4. You probably don't need GraphQL (https://mxstbr.com/thoughts/graphql/) by Max Stoiber
    I think I used GraphQL in like 2 or 3 projects top - that says something.

  5. A Web Developers Guide to Hybrid Search (https://weaviate.io/blog/hybrid-search-for-web-developers) by Daniel Phiri and Ajit Mistry
    I liked this one - search is such an important topic.

  6. React 19 - Part 1: The Backstory; My journey writing a framework from scratch! (https://www.cmrg.me/blog/rsc-part-1-the-backstory) by Rafael Camargo
    Fantastic read - I recommend everyone to check out the project on GitHub.

  7. Are you ready to build a Superapp? (https://ionic.io/blog/are-you-ready-to-build-a-superapp) by Jacklin Altman
    Sorry, I am mostly building megaapps.

  8. How to use fly.io and Tigris to deploy a Next.js app (https://andrewbaisden.hashnode.dev/how-to-use-flyio-and-tigris-to-deploy-a-nextjs-app) by Andrew Baisden
    There have been quite some steps involved in this one.

  9. Object structure in JavaScript engines (https://blog.frontend-almanac.com/js-object-structure) by Roman Maksimov
    Really great read - goes into pretty much all the important details that I'm aware of.

  10. JavaScript Secrets: How to Implement Retry Logic Like a Pro (https://dev.to/officialanurag/javascript-secrets-how-to-implement-retry-logic-like-a-pro-g57) by @officialanurag
    This was much more complete and well done than I thought - fantastic resource!

Issue 25

  1. Going beyond pixels and (r)ems in CSS - Absolute length units (https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/absolute-length-units) by Brecht De Ruyte
    Units are important - I just hope more people would use the metric system.

  2. TanStack Form: All-in-one Form Handling for React (https://blog.openreplay.com/tanstack-form--all-in-one-form-handling-for-react/) by Rufina Uche
    Personally, I only use plain forms as they seem to handle everything and are implicitly usable in all scenarios.

  3. Creating an Interactive Time-Tracking Report with React and TypeScript (https://dev.to/rodionchachura/creating-an-interactive-time-tracking-report-with-react-and-typescript-2ke1) by @rodionchachura
    Explained in all detail with lots of code - I love it!

  4. Play with Signals (https://jsbin.com/safoqap/6/edit?html,output) by JSBin
    How does the Signals proposal play out? See for yourself!

  5. Creating a Multicolored Star Rating Card Component (https://dev.to/sarahokolo/creating-a-multicolored-star-rating-card-component-2m4j) by @sarahokolo
    The only remaining question is "how many stars do you give this tutorial".

  6. How does useOptimistic() work internally in React? (https://jser.dev/2024-03-20-how-does-useoptimisticwork-internally-in-react/) by JSer
    This convinced me to drop "usePessimistic" in favor of "useRealistic". One day I'll switch to "useOptimistic", I promise!

  7. Create badass, fluid and smooth transitions between your website's pages (https://barba.js.org) by Thierry Michel, Xavier Foucrier, Luigi De Rosa
    This one is really good - just the minimum API to make these transitions so good.

  8. 6 Ways to Future-Proof Your Web Design Career (https://www.telerik.com/blogs/6-ways-future-proof-web-design-career) by Suzanne Scacca
    Psst... One proven way is to follow me and read these articles.

  9. How we built JSR (https://deno.com/blog/how-we-built-jsr) by Luca Casonato
    I love JSR and I welcome all the articles about it the Deno team is putting out.

  10. Next.js 14.2 (https://nextjs.org/blog/next-14-2) by Tim Neutkens and Delba de Oliveira
    Are we turbo yet? Not fully - but close.

Conclusion

These are all outstanding articles by masterful authors. I enjoyed reading them all - I hope you did, too.

πŸ‘‰ Follow me on LinkedIn, Twitter, or here for more to come.

πŸ™ Thanks to all the authors and contributors for their hard work!

Top comments (1)

Collapse
 
dannyengelman profile image
Danny Engelman

tnku