--- title: "It's about time" publication: "JavaScript Weekly" issue: 545 published_at: "2021-07-02" canonical_url: "https://javascriptweekly.com/issues/545" --- Plus a tiny VDOM implementation, Chrome's rendering developments, and how to properly encode data for POST requests. | #​545 — July 2, 2021 [Unsubscribe](https://javascriptweekly.com/leave/*|UID|*)|[Read on the Web](https://javascriptweekly.com/issues/545) JavaScript Weekly [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/eb6l6vlof0e2eib46ife.jpg)](https://2ality.com/2021/06/temporal-api.html) [Temporal: Getting Started with JavaScript’s New/Forthcoming Date and Time API](https://2ality.com/2021/06/temporal-api.html) — JavaScript’s [Date object and API](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date) is hard work at the best of times, but a lot of work has been done on [Temporal](https://github.com/tc39/proposal-temporal), an all new approach currently at stage 3. Dr. Axel gives us a through, practical tour. Fantastic. Dr. Axel Rauschmayer [Solid 1.0: A Declarative JavaScript UI Library Worth Investigating](https://dev.to/ryansolid/solidjs-official-release-the-long-road-to-1-0-4ldd) — JavaScript isn’t short of good reactive frameworks (React, Svelte, Vue..) but Solid’s creator is determined and adamant to demonstrate how Solid addresses React’s shortcomings while offering Svelte-like simplicity. He makes a good case, so try and give him at least a few minutes of your time. Ryan Carniato [![\](https://copm.s3.amazonaws.com/df8ac92d.jpg)](https://fusionauth.io/download/?mtm_campaign=t-shirt&mtm_source=jsweekly&mtm_medium=ppc) [Download FusionAuth Today and Get a Free T-Shirt](https://fusionauth.io/download/?mtm_campaign=t-shirt&mtm_source=jsweekly&mtm_medium=ppc) — FusionAuth is a modern CIAM that's fully customizable for your team. Implement complex standards like OAuth, SAML, and OpenID Connect. Build out additional features like SSO, MFA, and branded login pages. Plus, it's always free for unlimited users. FusionAuth sponsor 🎲 [The 'JS is Weird' Quiz](https://jsisweird.com/) — How well do you think you know the trickiest corners of JavaScript syntax and dynamic typing? Put yourself to the test with these 25 questions. I’m not even going to share my pathetic score.. 😂 Jacob Bergdahl Quick Bits - Think you can make something cool happen in just 1024 bytes of JavaScript? [JS1024 is for you.](https://js1024.fun/) It's an annual contest to create the most striking thing in 1KB. Here's [one of last year's winners.](https://js1024.fun/demos/2020/27) - There are [fresh security releases](https://nodejs.org/en/blog/vulnerability/july-2021-security-releases/) of each maintained Node.js branch. - The Chrome team has [unveiled the work they're doing](https://developer.chrome.com/blog/renderingng/) to create the 'next generation' of rendering engine for Chrome. - [Google has delayed](https://www.theverge.com/2021/6/24/22547339/google-chrome-cookiepocalypse-delayed-2023) its plans to block third-party cookies in Chrome until 2023. - Need some weekend reading? Read this (extremely) thorough [guide to JavaScript's first 20 years.](https://dl.acm.org/doi/pdf/10.1145/3386327) Releases [TypeScript 4.4 beta 1](https://devblogs.microsoft.com/typescript/announcing-typescript-4-4-beta/) — The JavaScript superset. [p5.js 1.4.0](https://github.com/processing/p5.js/releases/tag/v1.4.0) — Processing-inspired creative coding library. [Stepzilla 7.0](https://github.com/newbreedofgeek/react-stepzilla) — Form/wizard helper for React components. [web3.js 1.4](https://github.com/ChainSafe/web3.js) — Ethereum JS API. [Plotly.js 2.2](https://github.com/plotly/plotly.js) — Charting library. [Espree 8.0](https://github.com/eslint/espree) — Esprima-compatible pure JS JavaScript parser. 💻 Jobs [Lead Full-Stack Software Engineer (USA)](https://grnh.se/e5b74b292us) — Join a team of engineers and designers crafting digital products for companies such as HBO, adidas, Supercell, and Nokia. Reaktor [Now Hiring: Work with the Best, Building the Best](https://www.econify.com/jobs/Software-Engineer) — The sharpest developers, building the fastest websites. Looking for more, to build more. [Join us](https://www.econify.com/jobs/Software-Engineer). Econify [Find a Job Through Hired](https://hired.com/join/?utm_source=newsletter&utm_medium=sponsor&utm_campaign=%28b2c%29%28l-all%29%28r-all%29%28cooper-javascriptweekly%29&utm_content=find-your-next-job) — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It's free for job-seekers. Hired 📖 Articles, Opinions & Tutorials [Encoding Data for POST Requests Properly](https://jakearchibald.com/2021/encoding-data-for-post-requests/) — While we’re talking Copilot, Jake noticed that an example it threw up isn’t all that great security wise, and spun it into a good lesson about creating HTTP data bodies properly, while covering things like `URLSearchParams` and `FormData` along the way. Jake Archibald [How to Structure and Organize a React App](https://www.taniarascia.com/react-architecture-directory-structure/) — We've featured a variety of "how to structure React apps" pieces in the past, but it remains a perennially interesting topic as there really is no _one_ way. Tania is always fantastic at explaining things though, so we really like this one. Tania Rascia [Continuously Improve Your Code with Rollbar](https://rollbar.com/free-trial/?utm_source=newsletter&utm_medium=email&utm_campaign=cooper_press) — Deploy with confidence at every development stage & set up AI-assisted workflows for fast resolution. Spend more time building. Less time fixing. Try it for free. Rollbar sponsor [Sorting Colors in JavaScript](https://tomekdev.com/posts/sorting-colors-in-js) — Sounds easy but.. there’s some nuance to doing this. An interesting exploration. Tomek Nieżurawski [Lessons From Building a Static Site Generator](https://nicholasreese.com/lessons-from-building-a-static-site-generator/) — The backstory behind Elder.js and the thinking behind the biggest design decisions involved. Nick Reese [Image To Text Conversion With React and Tesseract.js](https://www.smashingmagazine.com/2021/06/image-text-conversion-react-tesseract-js-ocr/) Ayobami Ogundiran 🛠 Code & Tools [Milkdown: A Plugin-Driven WYSIWYG Markdown Editor](https://github.com/saul-mirone/milkdown/) — Built on top of CodeMirror, the plugin system lets you easily enable or disable features like tables, LaTex support, and slash commands. [Try it out here](https://saul-mirone.github.io/milkdown/#/online-demo). Saul Mirone [A Code Generator for Making HTTP Requests](https://www.labnol.org/apps/urlfetch.html) — A simple but sweet tool for defining what HTTP request you want to make (including headers, request body, and certain types of auth) and you can then copy/paste code for Node (Axios is used here), `curl`, `fetch` in the browser, or Google Apps Script (it’s JavaScript but very specific to Google’s environment). Amit Agarwal [Instant GraphQL Backend for Your Apps | Get Started for Free in 30 Seconds](https://cloud.hasura.io/?utm_campaign=jsweekly-july21&utm_medium=email&utm_source=newsletter) — Point Hasura at your data & instantly get realtime GraphQL APIs without the need to build & operate a GraphQL Server. Hasura sponsor [Slowfil.es: Deliberately Slow HTTP Resources for Testing](https://slowfil.es/) — We’re all told to make our sites as fast as possible and there are numerous ways to improve the experience when page elements like images or fonts are slow to load, but if you want to test what happens _for real_.. this service could help introduce some true sluggishness into your system. Harry Roberts and Ryan Townsend [Google's New Tool for Understanding Package Dependencies](https://deps.dev/) — [deps.dev](https://deps.dev/) is an _experimental_ project by Google that scans places like GitHub and the npm registry for package info, determines full dependency graphs, and then lets you navigate this data. Google [Million: A Less-than-1KB Virtual DOM Implementation](https://million.js.org/) — Aims to fix many of the problems in other abandoned and overcomplicated solutions with a library-agnostic virtual DOM alternative. [GitHub repo.](https://github.com/millionjs/million) Million [Gute: A Simple JS Library for Building Web Games](https://github.com/kevglass/gute/) — Currently provides game loop, input, sounds, music, and tilesets for building simple web-based games. See an example [here](https://kevglass.github.io/gute/test/). Coke And Code [Build In-App Chat Like iMessage, Telegram or Slack with Stream's React Native SDK](https://getstream.io/chat/sdk/react-native/?utm_source=javascript_weekly&utm_medium=promoted_newsletter&utm_content=developer&utm_campaign=07_02_2021) Stream sponsor [wait-on 6.0: A CLI and Node Library to Wait for Ports, Files, Sockets, etc.](https://github.com/jeffbski/wait-on) — For when you need to wait until files, ports, sockets, and similar resources become available (or the opposite). Jeff Barczewski [XO: An Opinionated but Configurable ESLint Wrapper](https://github.com/xojs/xo) XO 👾 And one for fun.. [![\](https://res.cloudinary.com/cpress/image/upload/w_1280,e_sharpen:60/nugub1aqqoh8prvsdyea.jpg)](https://marketplace.visualstudio.com/items?itemName=sdras.fortnite-vscode-theme#fortnitetheme) [A _Fortnite_-Inspired VS Code Theme](https://marketplace.visualstudio.com/items?itemName=sdras.fortnite-vscode-theme#fortnitetheme) — No, me neither, but I’ve gotta admit I really like this color scheme. Vibrant! Sarah Drasner Published by [Cooperpress](https://cooperpress.com/) and edited by [Peter Cooper](https://twitter.com/peterc) 'JavaScript' is a trademark of Oracle Corporation in the US We are not endorsed by or affiliated with Oracle. [Change your email address](https://javascriptweekly.com/edit_subscription/*|UID|*) or [stop getting this newsletter](https://javascriptweekly.com/leave/*|UID|*). © Cooper Press Ltd · Fairfield Enterprise Centre, Louth, LN11 0LS, United Kingdom