All about Google I/O and web developments

Welcome to our 151st edition!

🔥 Top Stories

1. Google I/O 2024 definitely closed the gap between Gemini and OpenAI by demoing Project Astra. It’s impressive as is when it gives more information on whatever appears on screen, the surprising aspect was it even finds the one from 2 minutes ago to help people locate the missing objects. You should watch this demo.

2. What’s new in ChromeOS?

3. What’s new in the Web?

4. Nice talk on JS frameworks and what’s new in them.

🌟 Spotlight

This article summarizes talks related to frontend in Google I/O conference. NOTE: Uses Gemini to summarize text from video.

1. What’s new in ChromeOS?

Talks about new features and updates on ChromeOS and Android apps running on ChromeOS. Key points are as follows:

• Chromebooks are getting more powerful. Chromebook Plus is a new tier of Chromebooks that offer better performance. It starts at $399 and has integrated Google AI features. There are also new Chromeboxes like the Lenovo Chromebox Micro.

• Chromebooks are getting better support for Android apps. There are new features to improve the gaming experience on ChromeOS, including game controls and game capture. These features allow users to customize controls and share gameplay recordings.

• ChromeOS is now getting 10 years of automatic updates. This means that Chromebooks released in 2021 and later will continue to receive security and feature updates for a decade.

• There are new resources available for developers who want to build apps for ChromeOS. These resources include the Google for Education App Hub, the Chrome Enterprise Connectors framework, and the Chrome Enterprise Recommended program.

2. What’s new in the Web?

This talk is about new features recently available in web browsers. The speaker, Rachel Andrew, who is a content lead for Chrome developer relations, introduces a concept called Baseline to help developers understand which features are ready to be used.

Here are the key points from the video:

• Baseline categorizes web platform features into three groups: Baseline newly available, Baseline widely available, and limited availability.

• Features in Baseline newly available are interoperable across major browsers and ready to be used.

• Features in Baseline widely available are likely to be supported by most browsers and can be used without worrying about non-support in most cases.

• Limited availability features are only available in one or two browsers.

The video also talks about some of the newly available features including:

• Size container queries: allow you to change your design based on the size of a container.

• Responsive video: allows you to serve different video sources to users based on their screen size.

• Inert attribute: can be applied to any element to make it inactive and inaccessible to assistive technologies.

• Other features mentioned in video are CSS nesting, has parent selector, compression streams, declarative Shadow DOM, and popover element.

• …

3. What’s new with JS frameworks?

Here's the summary of the video about the JavaScript framework ecosystem and its recent trends, including speaker information:

The video, presented by Katie Hempenius and Addy Osmani, discusses the rapidly changing and evolving JavaScript framework ecosystem. New tools and techniques are constantly emerging, with server-side rendering, Edge Computing, and AI reshaping how we build for the web.

The video also covers popular frameworks including Angular, React, Astro, and Svelte. Here are some key updates on these frameworks:

• Angular: Angular has been on a roll recently. Some of the highlights of recent releases include strict mode and React Eslint rules.

• React: React introduced server actions, a new feature that allows you to seamlessly integrate server-side logic with your React components. React compiler is another new feature that automatically optimizes your code.

• Astro: Astro is a framework known for its performance. Astro 4.4 introduced new features including support for pre-rendering pages using speculation rules and new Image handling capabilities.

• Svelte: Svelte 5 introduces Runes, a new feature that changes how you manage reactivity within Svelte applications. Svelte Kit 2 is an application framework for Svelte that includes features like routing, server-side rendering, and static site generation.

Speakers concludes the video by saying that the true power lies in your skills, creativity, and ability to harness those frameworks to build remarkable web experiences.

You can watch the video here to understand about the state of web in UI. For much more interesting videos, check out this list.

📚 Popular Articles

🎮 Try this out yourself

Want to Launch with Confidence? (or Insider Tip: Validate Your Idea Before You Build )

Hey there,

Thanks for reading till here.

I'm working on something exciting that could be a game-changer for anyone with an idea! It's called MVPtester.com, and it's an idea validation tool designed to help you know if your concept has legs before you invest time and resources building it.

Imagine... ditching the guesswork and launching with confidence.

Here's the best part: I'd love for you to be among the first to try it out! It would take just a few minutes of your time, and your feedback would be invaluable.

Ready to become an MVP validation pro? Head over to MVPtester.com and let's see if your next big idea is a winner!

P.S. As a special thank you for your early support.

💬 What do you think about this?

Just hit reply and let us know your thoughts!

📢 Calling for contributions

This newsletter thrives on community contributions. Your expertise, insights, and experiences matter to us! We're open to featuring articles written by our readers.

If you have a valuable perspective, a TypeScript tip, or a frontend engineering story to share, we welcome your submissions!

Just hit reply, and we will connect!

🌻 Your support matters! 🌻

Researching and writing high-quality articles demands considerable time and effort. As this newsletter is offered for free and managed alongside a full-time commitment, your support can help sustain its quality and growth.

If you enjoy the content and find it valuable, please consider supporting my efforts by visiting this link. Every contribution helps in maintaining and enhancing the newsletter's content and reach.

Thank you for being part of this journey!