Implementing signals and reactivity with vanilla JavaScript
Let's demystify signals and reactivity, one of the most popular patterns in modern JavaScript, using event-driven programming!
Code Articles
30 seconds of code contains a curated collection of code articles covering a wide range of development needs. The collection spans many topics, ranging from simple coding problems to theoretical concepts and development techniques.
-
JavaScript · -
JavaScript · Using Test-Driven Development to refactor a JavaScript project
In the last installment of the series, we'll refactor our codebase to reduce bundle size and complexity, while making it more maintainable.
-
JavaScript · Implementing a library for readable regular expressions in JavaScript
Having set up our environment and designed the API, it's time to implement the RegExp library we've been planning, using Vite and Vitest.
-
JavaScript · Designing a user-centric API for a JavaScript library
Building atop the TDD foundation from last time, let's explore how to design a user-centric API for our JavaScript library.
-
JavaScript · Kickstart a JavaScript project with Test-Driven Development
I recently built a project using Test-Driven Development (TDD) and it was a great experience. Here's why I think you should try it, too.
-
JavaScript · What happens when you call every() on an empty JavaScript array?
A few days ago, I stumbled upon a perplexing piece of JavaScript behavior. Let's break it down.
-
JavaScript · Create a math expression parser in JavaScript
Building on top of everything we've tried in past articles, we'll use the Earley parsing algorithm to parse and evaluate math expressions.
-
JavaScript · Making a Brainfuck interpreter in JavaScript - Part 2
Picking up where I left off last time, I'm wrapping up the Brainfuck interpreter, by making a simple VM for code execution and debugging.
-
JavaScript · Making a Brainfuck interpreter in JavaScript - Part 1
Continuing on the code interpretation path, I'm attempting to build a Brainfuck interpreter, using an AST to represent and execute the code.
-
JavaScript · Implementing a Smallfuck Interpreter in JavaScript
Yet another interpreter article, this time around we'll be building a full-fledged interpreter for the esolang Smallfuck.
-
JavaScript · Simple HTML tokenization & validation in JavaScript
Expanding upon previous articles on bracket matching and tokenization, it's time to try a basic HTML tokenization and validation algorithm.
-
JavaScript · Create a math expression tokenizer in JavaScript
Learn how to tokenize math expressions, using a simple JavaScript algorithm, forming the basis for more complex interpreters and compilers.
-
JavaScript · How can I parse Reverse Polish Notation in JavaScript?
Parsing Reverse Polish Notation, also known as postfix notation, is a simple algorithm that can be implemented in JavaScript using a stack.
-
JavaScript · How can I calculate the diff between two strings in JavaScript?
Delve deep into the Myers diff algorithm and learn how to calculate the difference between two strings in JavaScript, the way Git does.
-
JavaScript · Find matching bracket pairs in a string with JavaScript
A common problem when building parsers is finding matching bracket pairs in a string. Here's how you can solve it with JavaScript.
-
JavaScript · How can I find the longest common subsequence of two strings in JavaScript?
The longest common subsequence is the longest subsequence common to all given sequences and can be easily found using dynamic programming.
-
JavaScript · Formatting day and hour ranges with JavaScript
I recently came across a fairly interesting algorithmic problem when formatting day and hour ranges. Here's my take on the solution.
-
JavaScript · Modeling complex JavaScript object advanced relationships
In this installment of the ActiveRecord-like JavaScript implementation, we will revisit modeling relationships between objects.
-
JavaScript · Modeling complex JavaScript object autoloading and console
In this installment, we'll create a custom object inspect utility to help us debug our complex objects in the console.
-
JavaScript · Modeling complex JavaScript object field validation
Returning to the models and records part of the implementation, this time around we'll explore how to add constraints to individual fields.
-
JavaScript · Modeling complex JavaScript object factories
Expanding even further upon our ActiveRecord-inspired project, we'll figure out how to create factories that produce complex objects.
-
JavaScript · Modeling complex JavaScript object serialization
In the fourth part of the series, we will look at how to serialize complex JavaScript objects.
-
JavaScript · Modeling complex JavaScript object scopes
In the third installment of implementing an ActiveRecord-like pattern in JavaScript, we'll model and optimize object scoping.
-
JavaScript · Modeling complex JavaScript object attributes & relationships
Continuing on the journey to implement an ActiveRecord-like pattern in JavaScript with object attributes and relationships.