The 10 JavaScript Changes You Missed in 2023

🔥Object Group by: A new feature that organizes objects into groups based on a common schema.

🔄Array2Sorted, Array2Reversed, Array2Splice: New methods that allow sorting, reversing, and splicing an array without mutating the original array.

🔍New HTML Elements: Search tag for search boxes and dialog tag for creating modal dialogues.

📱Push Notifications for Web Apps on iOS: Finally, web apps can send push notifications on iOS devices.

🔧Updates to Next.js and Vue.js: Next.js introduces the app directory and server components, while Vue.js gets improved dev tools.

What is Object Group by in JavaScript?

—Object Group by is a new feature that allows you to organize objects into groups based on a common schema. It is useful when you have an array of objects and want to separate them into different groups based on a specific field or criteria.

How do Array2Sorted, Array2Reversed, and Array2Splice work?

—Array2Sorted, Array2Reversed, and Array2Splice are new methods in JavaScript that allow you to sort, reverse, and splice an array without mutating the original array. They return a new array with the desired changes applied, which is useful when you want to perform these operations without changing the original array.

What are the new HTML elements introduced in 2023?

—In 2023, two new HTML elements were introduced. The search tag is used to define a search box on a website, providing a more semantic way to create search functionality. The dialog tag is used to create modal dialogues and can be controlled with JavaScript using methods like show modal and close.

Can web apps now send push notifications on iOS devices?

—Yes, in 2023, iOS finally allowed web apps to send push notifications. This is a significant win for web developers, as it allows them to provide push notifications to users who opt-in on iOS devices.

What updates were made to Next.js and Vue.js in 2023?

—Next.js introduced the app directory, allowing you to fetch data directly inside React components using server components. Vue.js improved its dev tools, providing a better understanding of complex application structures. Both frameworks continue to evolve and provide developers with powerful tools and features.

00:002023 has been a year of significant changes in the JavaScript ecosystem.

00:30One of the key changes is the introduction of Object Group by, which organizes objects into groups based on a common schema.

01:15JavaScript now has Array2Sorted, Array2Reversed, and Array2Splice methods to sort, reverse, and splice arrays without mutating the original array.

02:20New HTML elements like search and dialog tags provide more semantic ways to define search boxes and create modal dialogues.

02:59iOS now allows web apps to send push notifications, opening up new possibilities for user engagement.

03:58Frameworks like Next.js and Vue.js have seen updates, introducing features like the app directory and improved dev tools.

04:52Spelt and Angular also went through significant changes, with updates to template syntax and the introduction of runes in Spelt.

05:52Node.js continues to improve with new versions, introducing a new permissions model and a WebSocket client.