DEV Community

Cover image for Stay ahead in web development: latest news, tools, and insights #54
Adam
Adam

Posted on • Originally published at weeklyfoo.com

3

Stay ahead in web development: latest news, tools, and insights #54

weeklyfoo #54 is here: your weekly digest of all webdev news you need to know! This time you'll find 37 valuable links in 6 categories! Enjoy!

🚀 Read it!


📰 Good to know


🧰 Tools

  • one: One is a new React framework for web and native, built on Vite. / frameworks
  • Open Source CSS Variables: CSS custom properties to help accelerate adaptive and consistent design. / css
  • sq: sq is a command line tool that provides jq-style access to structured data sources: SQL databases, or document formats like CSV or Excel. It is the lovechild of sql+jq. / cli
  • Jazz - Instant Sync: A new way to build apps with distributed state. / sync
  • Easings: Test common easing curves on a range of interfaces. Or generate your own custom bezier curve. / animations
  • git absorb: git commit --fixup, but automatic / git
  • mymind: All your notes bookmarks inspiration articles and images in one single, private place. / organizing
  • player.style: Video and audio player themes built with Media Chrome, for every web player and every web app framework. / video
  • Brisa: Build web applications with speed and simplicity / frameworks
  • dbx: dbx is a lightweight sql editor and database client built for forward-looking developers / databases
  • PlaceholderJS: A free placeholder service designed for developers. Integrates seamlessly with React & NextJS. / placeholders
  • Statichunt: Statichunt is the largest directory of 3900+ themes, starters, UI kits, and tools for Static Site Generators. Find the perfect starting point for your next project and save hours. / themes, design
  • Text Behind Image: Create text-behind-image designs easily / images
  • setup-ci: CLI to spin your CI/CD for react-native! / cli, ci

🎨 Design


📚 Tutorials

  • Plain Vanilla: An explainer for doing web development using only vanilla techniques. No tools, no frameworks - just HTML, CSS, and JavaScript. / javascript / 2 min read
  • Building a Single-Page App with htmx: People talk about htmx as though it’s saving the web from single-page apps. React has mired developers in complexity (so the story goes) and htmx is offering a desperately-needed lifeline. / htmx / 15 min read

📺 Videos

  • Web Components: Little Bits: Web Components are a way to enrich standard HTML with new behaviours by creating custom elements! Join me as I share my experience of developing complex design systems as well as custom open-source tools, all with the power of Web Components / web-components
  • I BUILT a GAME in TypeScript TYPES!: In this video we will do something completely useless but extremely funny. We will build a fully functional tic-tac-toe gaming only using TypeScript types. / typescript
  • The Best TypeScript Features You're Not Using: TypeScript is great - and it's getting greater! The language and its tooling is constantly evolving to catch more bugs, let us write more robust types, and generate better dev tooling for everyone. / typescript

Want to read more? Check out the full article here.

To sign up for the weekly newsletter, visit weeklyfoo.com.

Image of Datadog

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series 📺

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series