KBall connects with Katie Sylor-Miller to talk about migrating OhShitGit to the JAMStack, migrating legacy codebases to modern front-end technologies, and design systems.

read more

When your database is the source of truth, it’s often useful to inspect that truth and reuse it elsewhere in your application. import pgStructure from "pg-structure"; async function demo() { const db = await pgStructure({ database: "db", user: "u", password: "pass" }, { includeSchemas: ["public"] }); const table = db.get("contact"); const columnNames = table.columns.map(c => c.name); const columnTypeName = table.columns.get("options").type.name; const indexColumnNames = table.indexes.get("ix_mail").columns; const relatedTables = table.hasManyTables; }

read more

Flowy makes creating WebApps with flowchart functionality an incredibly simple task. Build automation software, mind mapping tools, or simple programming platforms in minutes by implementing the library into your project. Live demo here.

read more

This week we chatted with Kahlil Lechelt about mentorship. What types of mentorships are there, what makes a successful mentorship, and where can you find a mentor?

read more

Blocks UI is in alpha, but definitely impressive already. You drag/drop components, tweak their properties/style, and it spits out “production-ready” React code. Try the demo right here.

read more

Move over, Hansel. Hand-drawn is so hot right now.

read more

Most of the time, web APIs are not functional requirements. They don’t add any value to the product we are building. They are just a necessary evil so the frontend can communicate with the backend. But is that really the case? Wouldn’t it be possible to get rid of these web APIs? In response to this, Manuel built Liaison, which is still in alpha, but aims to seamlessly bridge the divide between frontend and backend without having to formalize an API between the two. From reading the post, it appears to be akin to our old friend, RPC. If you are interested enough to dive into the code, he’s put together a RealWorld example which holds up quite well to the competition on a lines-of-code-to-implement basis.

read more

This week we chat with Matteo Collina, Technical Director at NearForm and member of the Node.js Technical Steering Committee, about his upcoming Node+JS Interactive talk on Node Streams. We talk about their creation before any standards and how they are one of the bedrock APIs used throughout the Node ecosystem. We also talk about WHATWG streams and some of their key differences, and how streams have gotten easier to work with thanks to the addition of async iterators and generators to the language.

read more

We are going to rewrite React from scratch. Step by step. Following the architecture from the real React code but without all the optimizations and non-essential features. If you think you’ve seen this before, look again. This post is based on React 16.8, which means it uses hooks and drops all the code related to classes.

read more

Design systems are taking the tech industry by storm, but what exactly are they? Do you even need one? This week we’re talking all things design systems. We’ll chat about component libraries and style guides, companies who are building design systems, and more!

read more

Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. It is comprised of 20 chapters spanning aspects of page content, user experience, publishing, and distribution. There’s so much to digest here. 85 contributors! Quite an achievement and one that I’m excited to dig in to.

read more

Collin Dellow: If you love Graphviz but hate its 1990s aesthetics, you might find this tool handy. It’s great for documenting workflows and designs in a way that prompts people to consider it a work-in-progress that’s open for collaboration and discussion. Built with RoughJS and (or at least inspired by) viz.js.

read more

Excellent work coming from Microsoft’s VIDA research group This new version of SandDance has been rebuilt from scratch with the goal of being modular, extensible, and embeddable into your custom applications.

read more

We’re back with another #YepNope episode, this time debating whether or not JavaScript needs to be rebranded. This premise was inspired by Kieran Potts’ article of the same name. Divya/Jerod represent Team Yep and Chris/KBall represent Team Nope. Nick, as always, represents Team Type Script 😜

read more

Mat Ryer created this fun Go Time promo at JavaScript’s expense. Should Johnny use Go or TypeScript? 😉

read more

I do love the hand-drawn style for charts like these. It almost feels like you worked harder on them for some reason.

read more

What you’re about to hear is a series of lightning chats recorded live from All Things Open 2019. How’s this for topic diversity? 👇 A/B testing, finding your tribe, dancing, TikTok, what is happening with front-ends becoming full-stacks, Code the Dream, OSI approved licenses, breaking in to tech, a11y, hiring juniors, whiteboard interviews, better interview practices, JPGs, coding bootcamps, tech re-entry programs, and more.

read more

Liran Tal: In this report, we investigate the state of security for both the Angular and React ecosystems, looking at best practices, secure coding, and security vulnerabilities in React, Angular, and other frontend projects such as Bootstrap, Vue.js, and jQuery. Inside you will find the report in it’s digital format as a PDF to download and review offline.

read more

This is a map of known process signals with some information about each signal. Unlike os.constants.signals this includes: human-friendly descriptions default actions, including whether they can be prevented whether the signal is supported by the current OS Handy!

read more

Built with Vue. Play with the live demo right here.

read more

KBall catches up with Phil Hawksworth of Netlify at JAMStackConfSF to dive deep into JAMStack, what it’s about, where the ecosystem is going, and what is still hard.

read more

Winner of Mozilla’s $50,000 award for art and advocacy exploring AI. Stealing Ur Feelings is an augmented reality experience that reveals how your favorite apps can use facial emotion recognition technology to make decisions about your life, promote inequalities, and even destabilize American democracy. Using the AI techniques described in corporate patents, Stealing Ur Feelings learns your deepest secrets just by analyzing your face. If you haven’t tried this yet, drop what you’re doing and give it a go. Top notch production.

read more

The thing I love the most about this bundler: it doesn’t need any configuration. Literally, none at all! Compare that to webpack where configuration can be strewn across several files all containing tons of code… Nice rundown and tutorial on getting started with Parcel.

read more

From Yaser Adel Mehraban on getting started with Vue.js. Vue.js is an approachable, versatile, performant, and progressive framework to build user interfaces with. This core library is focused on building the view layer only. It uses the goodies of Angular (such as template syntax) and React (such as Virtual DOM) and adds a few more enhancements on top. … Another bonus point of it is that migrating to it is really easy. You just need to add a script tag to your page and you’re good to go.

read more

We’ve mentioned ML/AI in the browser and in JS a bunch on this show, but we haven’t done a deep dive on the subject… until now! Victor Dibia helps us understand why people are interested in porting models to the browser and how people are using the functionality. We discuss TensorFlow.js and some applications built using TensorFlow.js

read more