Hello JavaScript Enthusiasts! Welcome to another edition of "This Week in JavaScript"! Today, we’ll be looking at the State of JavaScript 2024 report, unpacking Tailwind CSS 4 updates that’ll make your styles fly, and serving up fresh tools to streamline your dev grind. Oh, and did we mention that GitHub Copilot is now free? Buckle up! The Rise of TypeScript The State of JavaScript 2024 survey results are in, and TypeScript is officially dominating the JavaScript landscape. 67% of developers now use TypeScript more than traditional JavaScript. Type safety, better tooling, and cleaner code are driving its widespread adoption.
Vite is leading the pack when it comes to build tools, with developers loving its simplicity and speed over older tools like webpack. It’s clear that while JavaScript itself remains stable, TypeScript and modern build tools like Vite are shaping the future of how we build apps. GitHub Copilot is now Free GitHub has made a major move by offering its Copilot AI for free—well, with a few limits. If you have a GitHub account, you can now access 2,000 code completions and 50 chat messages per month, all within Visual Studio Code and GitHub. Here's how you can take advantage of it: Speed up your coding: Copilot offers AI-driven code completion that saves time and effort.
Multi-file edits: Easily make edits across multiple files.
Model options: Choose from models like Anthropic’s Claude 3.5 Sonnet for tailored results.
Copilot Chat: Ask questions, generate code snippets, and get real-time help with your codebase. This new offering is amazing for streamlining your workflow and boosting productivity. New Tailwind CSS 4 Developments We’ve already talked about the Tailwind CSS 4 Beta Release before, but you need to know about these features! Lightning CSS: Tailwind has moved to Lightning CSS, which speeds up builds and reduces the need for PostCSS configurations.
CSS-first configuration: With native CSS variables for theming, styling has become more streamlined, although you might miss the type safety from the JavaScript-based config.
Descendant Variants: A new double-star feature lets you style elements deep in the hierarchy. However, while this might help with CMS content, it could bring back maintainability challenges.
Radial and Conic Gradients: The new gradients are great but come with complex syntax, better suited for design systems than HTML.
Class Name Changes: Class names like grow (instead of flex-grow) are making tools like Tailwind Merge less efficient. While there’s a lot to love about the new update, be mindful of potential pitfalls with maintainability! Tools & Releases YOU Should Know About Now, let’s take a quick look at the latest tools and updates that can boost your workflow: JerryScript 3.0: A super lightweight JavaScript engine for IoT with 84% Test262 compliance. It introduces ES2020 features like optional chaining and dynamic imports—great for embedded systems.
Transformers.js v3.2: Bringing machine learning to the browser! Features include real-time speech recognition with Moonshine, image analysis with Phi-3.5 Vision, and bilingual text generation with EXAONE. Perfect for integrating AI directly into web projects.
Bun 1.1.39 & 1.1.40: With bun.lock for better tooling compatibility, 30% faster cached installations, and WebSocket improvements, Bun keeps optimizing the JavaScript ecosystem.
pnpm Update: The pnpm link command now adds dependency overrides to package.json, simplifying global and workspace linking. SHA256 hashing has been introduced, improving security.
ESLint v9.17.0: A major update! The no-unused-vars rule now auto-fixes unused variables, and crashes from nullish values are resolved. This update will keep your codebase cleaner and more efficient. If you found these JavaScript updates useful, give this post an upvote to help others discover it. Don’t forget to share it with your fellow developers, and keep an eye out for more insights in the JavaScript world. Until next time, keep coding and stay curious! Hello JavaScript Enthusiasts! Welcome to another edition of " This Week in JavaScript "! This Week in JavaScript Today, we’ll be looking at the State of JavaScript 2024 report, unpacking Tailwind CSS 4 updates that’ll make your styles fly, and serving up fresh tools to streamline your dev grind. Oh, and did we mention that GitHub Copilot is now free? Buckle up! The Rise of TypeScript The Rise of TypeScript The State of JavaScript 2024 survey results are in, and TypeScript is officially dominating the JavaScript landscape. The State of JavaScript 2024 TypeScript 67% of developers now use TypeScript more than traditional JavaScript. Type safety, better tooling, and cleaner code are driving its widespread adoption. Vite is leading the pack when it comes to build tools, with developers loving its simplicity and speed over older tools like webpack. 67% of developers now use TypeScript more than traditional JavaScript. Type safety, better tooling, and cleaner code are driving its widespread adoption. 67% of developers Vite is leading the pack when it comes to build tools, with developers loving its simplicity and speed over older tools like webpack. Vite It’s clear that while JavaScript itself remains stable, TypeScript and modern build tools like Vite are shaping the future of how we build apps. GitHub Copilot is now Free GitHub Copilot is now Free GitHub has made a major move by offering its Copilot AI for free —well, with a few limits. If you have a GitHub account, you can now access 2,000 code completions and 50 chat messages per month, all within Visual Studio Code and GitHub. GitHub Copilot AI free Here's how you can take advantage of it: Speed up your coding: Copilot offers AI-driven code completion that saves time and effort. Multi-file edits: Easily make edits across multiple files. Model options: Choose from models like Anthropic’s Claude 3.5 Sonnet for tailored results. Copilot Chat: Ask questions, generate code snippets, and get real-time help with your codebase. Speed up your coding: Copilot offers AI-driven code completion that saves time and effort. Speed up your coding: Multi-file edits: Easily make edits across multiple files. Multi-file edits: Model options: Choose from models like Anthropic’s Claude 3.5 Sonnet for tailored results. Model options: Copilot Chat: Ask questions, generate code snippets, and get real-time help with your codebase. Copilot Chat: This new offering is amazing for streamlining your workflow and boosting productivity. New Tailwind CSS 4 Developments New Tailwind CSS 4 Developments We’ve already talked about the Tailwind CSS 4 Beta Release before, but you need to know about these features! Tailwind CSS 4 Beta Release Lightning CSS: Tailwind has moved to Lightning CSS, which speeds up builds and reduces the need for PostCSS configurations. CSS-first configuration: With native CSS variables for theming, styling has become more streamlined, although you might miss the type safety from the JavaScript-based config. Descendant Variants: A new double-star feature lets you style elements deep in the hierarchy. However, while this might help with CMS content, it could bring back maintainability challenges. Radial and Conic Gradients: The new gradients are great but come with complex syntax, better suited for design systems than HTML. Class Name Changes: Class names like grow (instead of flex-grow) are making tools like Tailwind Merge less efficient. Lightning CSS: Tailwind has moved to Lightning CSS, which speeds up builds and reduces the need for PostCSS configurations. Lightning CSS: CSS-first configuration: With native CSS variables for theming, styling has become more streamlined, although you might miss the type safety from the JavaScript-based config. CSS-first configuration: Descendant Variants: A new double-star feature lets you style elements deep in the hierarchy. However, while this might help with CMS content, it could bring back maintainability challenges. Descendant Variants: Radial and Conic Gradients: The new gradients are great but come with complex syntax, better suited for design systems than HTML. Radial and Conic Gradients: Class Name Changes: Class names like grow (instead of flex-grow) are making tools like Tailwind Merge less efficient. Class Name Changes: While there’s a lot to love about the new update, be mindful of potential pitfalls with maintainability! Tools & Releases YOU Should Know About Tools & Releases YOU Should Know About Now, let’s take a quick look at the latest tools and updates that can boost your workflow: JerryScript 3.0: A super lightweight JavaScript engine for IoT with 84% Test262 compliance. It introduces ES2020 features like optional chaining and dynamic imports—great for embedded systems. Transformers.js v3.2: Bringing machine learning to the browser! Features include real-time speech recognition with Moonshine, image analysis with Phi-3.5 Vision, and bilingual text generation with EXAONE. Perfect for integrating AI directly into web projects. Bun 1.1.39 & 1.1.40: With bun.lock for better tooling compatibility, 30% faster cached installations, and WebSocket improvements, Bun keeps optimizing the JavaScript ecosystem. pnpm Update: The pnpm link command now adds dependency overrides to package.json, simplifying global and workspace linking. SHA256 hashing has been introduced, improving security. ESLint v9.17.0: A major update! The no-unused-vars rule now auto-fixes unused variables, and crashes from nullish values are resolved. This update will keep your codebase cleaner and more efficient. JerryScript 3.0: A super lightweight JavaScript engine for IoT with 84% Test262 compliance. It introduces ES2020 features like optional chaining and dynamic imports—great for embedded systems. JerryScript 3.0: Transformers.js v3.2: Bringing machine learning to the browser! Features include real-time speech recognition with Moonshine, image analysis with Phi-3.5 Vision, and bilingual text generation with EXAONE. Perfect for integrating AI directly into web projects. Transformers.js v3.2: Bun 1.1.39 & 1.1.40: With bun.lock for better tooling compatibility, 30% faster cached installations, and WebSocket improvements, Bun keeps optimizing the JavaScript ecosystem. Bun 1.1.39 & 1.1.40: pnpm Update: The pnpm link command now adds dependency overrides to package.json, simplifying global and workspace linking. SHA256 hashing has been introduced, improving security. pnpm Update: ESLint v9.17.0: A major update! The no-unused-vars rule now auto-fixes unused variables, and crashes from nullish values are resolved. This update will keep your codebase cleaner and more efficient. ESLint v9.17.0: If you found these JavaScript updates useful, give this post an upvote to help others discover it. Don’t forget to share it with your fellow developers, and keep an eye out for more insights in the JavaScript world. Until next time, keep coding and stay curious!

Google Project IDX, Material UI's New React Component Library, And More - This Week in JS

November Was a Big Month for JavaScript

Read My Stories

Too Long; Didn't Read

Make resilience your competitive advantage

December Brings Free GitHub Copilot

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

Angular 19 Is Here, Next.js From China, NEWEST JavaScript Engine, and More - This Week in JS

NPM vs Bun: Comparison of Package Managers for JavaScript Developers

TypeScript 5.6, Bun Integrates C, Fastify v5, and more - This Week in JS

Node.js now supports TypeScript, 2024's JavaScript Rising Stars, and NEW tools - This Week in JS

NEW JavaScript Framework, Bun Update Fixes 40+ Bugs, and More - This Week in JS

Angular 19 Is Here, Next.js From China, NEWEST JavaScript Engine, and More - This Week in JS

NPM vs Bun: Comparison of Package Managers for JavaScript Developers

TypeScript 5.6, Bun Integrates C, Fastify v5, and more - This Week in JS

Node.js now supports TypeScript, 2024's JavaScript Rising Stars, and NEW tools - This Week in JS

NEW JavaScript Framework, Bun Update Fixes 40+ Bugs, and More - This Week in JS

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps