Friday Issue Nr. 66 | 9/06/2023

The mixed section has more attention than usual, mainly due to Safari updates. What’s new in Angular, collection of React Hooks, Svelte Smart Doc

JavaScript News

React Server Components from Scratch (Long read)

https://github.com/reactwg/server-components/discussions/5

and to balance that out, there is a great article on the current React/Next direction

https://marmelab.com/blog/2023/06/05/react-angularjs-moment.html

Collection of React Hooks

For React Devs might be a very useful source.

https://usehooks.com/

What’s new in Angular

Everything Angular-related from the recent Google I/O 2023 event.

https://blog.angular.io/angular-at-google-i-o-2023-ed800269070e

Isomorphic Development

Very nice Friday’s article about Server and Client side code and what the trade-offs are.

https://meijer.ws/articles/isomorphic-development

NextJS Enterprise Boilerplate

“An enterprise-grade Next.js boilerplate for high-performance, maintainable apps. Packed with features like Tailwind CSS, TypeScript, ESLint, Prettier, testing tools, and more to accelerate your development.”

https://github.com/Blazity/next-enterprise

Svelte Smart Doc

Natural language interface to search the Svelte

https://www.sveltron.com/

What’s new in Svelte?

Also, there is a Community Showcase with interesting projects https://svelte.dev/blog/whats-new-in-svelte-june-2023

CSS News

Intro to the @Scope selector

I already mentioned this new CSS selector a few weeks ago. However, here is a real use case and what are the benefits of using it.

https://fullystacked.net/posts/scope-in-css/

Rainbow button

Another great article from Josh. I like his approach, explaining how to build animation step by step and going into detail about the performance of the feature.

https://www.joshwcomeau.com/react/rainbow-button/

Mixed News

How Accenture is using Amazon CodeWhisperer to improve developer Productivity

https://aws.amazon.com/blogs/machine-learning/how-accenture-is-using-amazon-codewhisperer-to-improve-developer-productivity/

WebKit Features in Safari 17 beta

The Safari team has been busy. They are going to add 88 new features this fall. Finally, full support for WebApps (as far as I get from the description).

I am also adding Popover, Select with hr, font-size-adjust, Media Queries 4, Set Operations with intersection() and union(), URL API and more.

https://webkit.org/blog/14205/news-from-wwdc23-webkit-features-in-safari-17-beta/

For front-ends, we might have to learn a new way of building things that will be used on the Vision Pro headset.

Video (16m): https://developer.apple.com/videos/play/wwdc2023/10279/

Safari developer features

Video (21m): https://developer.apple.com/videos/play/wwdc2023/10262

Security.txt

The Dutch government introduced security.txt.

The security.txt file on a web server contains the contact information for making contact if any vulnerabilities are found on that server. The aim is that, for example, ethical hackers can immediately contact the right person or department to tackle the vulnerability.

https://netherlands.postsen.com/trends/198695/Securitytxt-now-mandatory-for-Dutch-government-websites.html