#545 — July 2, 2021
Dr. Axel Rauschmayer
Download FusionAuth Today and Get a Free T-Shirt — 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.
There are fresh security releases of each maintained Node.js branch.
The Chrome team has unveiled the work they’re doing to create the ‘next generation’ of rendering engine for Chrome.
Google has delayed its plans to block third-party cookies in Chrome until 2023.
p5.js 1.4.0 — Processing-inspired creative coding library.
Stepzilla 7.0 — Form/wizard helper for React components.
web3.js 1.4 — Ethereum JS API.
Plotly.js 2.2 — Charting library.
Lead Full-Stack Software Engineer (USA) — Join a team of engineers and designers crafting digital products for companies such as HBO, adidas, Supercell, and Nokia.
Now Hiring: Work with the Best, Building the Best — The sharpest developers, building the fastest websites. Looking for more, to build more. Join us.
Find a Job Through Hired — Create a profile on Hired to connect with hiring managers at growing startups and Fortune 500 companies. It’s free for job-seekers.
📖 Articles, Opinions & Tutorials
Encoding Data for POST Requests Properly — 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.
How to Structure and Organize a React App — 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.
Continuously Improve Your Code with Rollbar — 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.
Lessons From Building a Static Site Generator — The backstory behind Elder.js and the thinking behind the biggest design decisions involved.
Image To Text Conversion With React and Tesseract.js
🛠 Code & Tools
Milkdown: A Plugin-Driven WYSIWYG Markdown Editor — 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.
Instant GraphQL Backend for Your Apps | Get Started for Free in 30 Seconds — Point Hasura at your data & instantly get realtime GraphQL APIs without the need to build & operate a GraphQL Server.
Slowfil.es: Deliberately Slow HTTP Resources for Testing — 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 — 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.
Million: A Less-than-1KB Virtual DOM Implementation — Aims to fix many of the problems in other abandoned and overcomplicated solutions with a library-agnostic virtual DOM alternative. GitHub repo.
Gute: A Simple JS Library for Building Web Games — Currently provides game loop, input, sounds, music, and tilesets for building simple web-based games. See an example here.
Coke And Code
Build In-App Chat Like iMessage, Telegram or Slack with Stream’s React Native SDK
wait-on 6.0: A CLI and Node Library to Wait for Ports, Files, Sockets, etc. — For when you need to wait until files, ports, sockets, and similar resources become available (or the opposite).
XO: An Opinionated but Configurable ESLint Wrapper
👾 And one for fun..
A Fortnite-Inspired VS Code Theme — No, me neither, but I’ve gotta admit I really like this color scheme. Vibrant!
Permanent link to this post here