meno: frontend market report #7 #452
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
hthai2201
changed the title
|
|
||
| ### [React 19: Ref callbacks - More than just DOM access](https://tkdodo.eu/blog/ref-callbacks-react-19-and-the-compiler) | ||
|
|
||
| Ref callbacks in React 19 can now return cleanup functions, similar to useEffect, allowing for tasks like measuring DOM nodes with ResizeObserver. While ref callbacks are useful for accessing nodes, useEffect is better suited for side-effects unrelated to the node, and Tanstack React Query should be used for async operations. |
There was a problem hiding this comment.
The latter half of this reads confusing. Why Tanstack React Query is being mentioned here?
Comment on lines
42
to
44
| ### [Scaling micro-frontends with Next.js multi zones](https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones) | ||
|
|
||
| Managing independent deployments for large teams just got easier! Next.js multi zones make building scalable micro-frontends a breeze. |
There was a problem hiding this comment.
This is good. Can we a longer description on multi-zones?
|
|
||
| ### [Bring AI to your browser with Transformers.js](https://www.raymondcamden.com/2024/12/03/using-transformersjs-for-ai-in-the-browser) | ||
|
|
||
| Run AI tasks right in the browser! Transformers.js leverages a pipeline API that is easy to use and can perform tasks like sentiment analysis and object detection. All processing occurs client-side, no server needed |
There was a problem hiding this comment.
Nit: Add "." at the end
|
|
||
| ### [New HTML and CSS features: Making interactive elements easier without JavaScript](https://zeroheight.com/blog/the-lowdown-on-dropdowns-in-html-css/) | ||
|
|
||
| The popover attribute allows developers to add popovers effortlessly, while CSS Anchoring offers more reliable positioning. The new calc-size() function makes it possible to animate elements to and from auto height, bringing more flexibility to animations. Plus, updates to `<details>` and `<select>` elements enhance their styling and customization capabilities. These innovations make building interactive and dynamic web elements smoother and more accessible than ever before. |
There was a problem hiding this comment.
Nit: calc-size() -> calc-size()
Comment on lines
62
to
64
| ### [Lock down your OAuth2 implementations - protect against CSRF attacks](https://auth0.com/blog/prevent-csrf-attacks-in-oauth-2-implementations) | ||
|
|
||
| Secure your OAuth2 implementations against Cross-Site Request Forgery (CSRF) attacks with this comprehensive guide. This article explains what CSRF attacks are, how they work, and provides practical strategies to prevent them. It’s a crucial read for any developer using OAuth2 to safeguard user data and ensure application security. |
There was a problem hiding this comment.
I think this could be in quick links 🤔 Let's prioritize articles that are newer/have "news" value
|
|
||
| ### [Rising stars of JavaScript 2024](https://risingstars.js.org/2024/en) | ||
|
|
||
| Stay ahead of the curve by exploring the most promising and trending JavaScript projects of 2024! This site showcases the libraries, frameworks, and tools that are gaining popularity. It's an excellent resource for discovering new technologies and keeping up with the latest trends in the JavaScript ecosystem. A must-visit for any JavaScript enthusiast. |
There was a problem hiding this comment.
This description is too generic. Let's make it more meaningful by including actual lib/tool names
Comment on lines
82
to
90
| ### [Level up your CSS game with these 12 one-liners!](https://moderncss.dev/12-modern-css-one-line-upgrades) | ||
|
|
||
| Discover 12 incredibly useful and powerful CSS techniques that you can implement with just a single line of code each! Enhance your layouts, optimize for responsiveness, and create cool visual effects with these practical and efficient tips. | ||
|
|
||
| ### Quick Links | ||
|
|
||
| - [My Go-To React tech stack for 2025](https://www.robinwieruch.de/react-tech-stack/) | ||
| - [Top 5 CSS features of 2024: Level up your styles!](https://bytes.dev/archives/351) | ||
| - [Isomorphic web components: Overcoming SSR challenges](https://jakelazaroff.com/words/isomorphic-web-components) |
There was a problem hiding this comment.
These articles don't feel really trendy...
Comment on lines
94
to
96
| ### [Thinking of switching to Vite? this team did it and here's what they learned!](https://neon.tech/blog/from-webpack-to-vite) | ||
|
|
||
| A team shares their firsthand experience of migrating from Webpack to Vite, detailing their entire journey from planning to implementation, along with any hurdles they faced and the positive outcomes they achieved. This is an insightful read for anyone considering a build tool change, providing a real-world perspective on what to expect during such a migration and the benefits that Vite can offer. |
There was a problem hiding this comment.
This is more like commentary I think
|
|
||
| ### Quick links | ||
|
|
||
| - [React, visualized: An interactive guide to understanding React concepts](https://react.gg/visualized) |
There was a problem hiding this comment.
Maybe should move this to React section
ngolapnguyen
approved these changes
Jan 23, 2025
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
No description provided.