Hello JavaScript lovers!
Welcome to a new edition of “This week in JavaScript“!
This week, we have a major version for creative coders, revolutionary experimental features and reflections over a decade of Solidjs – more fascinating new tools that you will not want to miss!
P5.JS 2.0: JavaScript passes art to the next level
P5.JS, the beloved creative coding libraryhas reached version 2.0 with impressive upgrades for artists and developers!
Key improvements:
- Variable fonts and advanced typography: Animate the weight of the police, the width and the inclination with a complete variable font support. New utilities such as texttocontours () and faster texttopoints () (speed boost of 3.5x) make the manipulation of the text more fluid.
- Javascript shaders (no GLSL required): Apply Shaders accelerated by the GPU directly in JavaScript to lines, fulfillment and images using simple functions like Strokeshader (). No knowledge GLSL required.
- Extended color spaces and HDR canvases: Work with Lab, LCH, Oklab color spaces and HDR outputs such as P3 display – perfect for richer color worksflows and modern screens.
- Unified pointer events: Handle mouse,, touchAnd pen Entrances with a single event system for transparent interactivity on devices.
Performance booss:
- Faster text
- Efficient 3D line drawing with Motmode (simple)
- Load asynchronous assets via asynchronous () asynchronous configuration
Modular and modern:
- Supported the full module
- Improved NPM package with modern tools
This update solidifies P5.JS as the first tool for all those who wish to mix art with code. Whether you are a seasoned creative coder or a beginner looking to start, P5.JS 2.0 offers an entry point accessible in generative art and interactive visualizations.
React Labs: see the transitions and the activity component
React Compiler may have reached the status of candidate for liberation, but it is not even the most exciting React News this week!
Some incredible updates in React:
See transitions: A new experimental component that makes user interface animations dramatically simpler
- Easily animate between pages navigations, expanding elements and changes in the user interface status
- Use native browser capacities for better performance
- Now available in react @ experimental
Activity component: Revolutionary approach to the management of the user interface state
- Hide and display user interface elements while intelligently preserving their condition
- Perfect for complex interfaces, modals and navigation flows
- Reduces performance costs compared to the traditional non-mass
These features represent significant progress in the way React applications can manage the animations and management of the state, which makes the implementations previously complex.
A decade of Solidjs: reactive revolution
The creator of Solidjs, Ryan Carniato, shared reflected reflections During a decade of project development, four years after reaching version 1.0.
Key factory facts:
- Fine grain reactivity goes to current: Solidjs was the pioneer of a signal -based reactivity model which minimizes the general execution costs and maximizes performance. This model reshaped the architecture of the frontend and was adopted by major frameworks such as Angular (Signals), View (Vapor) and Svelte (Runes).
- From niche to standard: This started as a parallel project inspired by Knockout. JS has evolved into a plan for the way modern frameworks effectively manage state updates – without the need to distribute virtual DOM.
- Impact on an industry scale: The signal -based approach has become the de facto standard for reactive programming in the development of the front, solids playing a key role in the outbreak of this change.
Carniato's persistence has transformed the way in which front frames approach reactivity, demonstrating the long -term impact of innovative architectural thought in JavaScript.
Tools and outings you should know
Let's enter speed thanks to some of the other major tools updates this week!
- JSVU 3.0: Install modern JS engines without compilation headache, now with compatibility and management and management of Node.JS V18 + improved for V8, Spidermonkey, JavaScriptcore on the main operating systems.
- Smalljs 1.6: Library inspired by Smalltalk Now with Multiprovider IA support for Openai, Degrék, Google AI and Anthropic, with a new application of demonstration chat and improved compiler performance.
- Scala.js 1.19.0: The Weba Single exit now runs 15% faster than JavaScript for the Calculation Code, with supporting support and compatibility async / Await native with Firefox 131+ and Safari 18.4+ without flags.
- ESLINT V9.25.1: Corrects the detection of directive in the rule of expressions not used to support the code of publication of projects for ES3 and ES5 +environments, as well as other corrections of significant bugs.
- Show: Create presentations fed by react with JSX syntax, with live demos, clickable elements and polished visual effects for remarkable technical presentations.
And that's it for the thirty-second issue of “”This week in JavaScript.“”
Do not hesitate to share this newsletter with a colleague developer and make sure to follow more weekly updates.
Until next time, a happy coding!
