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.
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 · 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 serialization
In the fourth part of the series, we will look at how to serialize complex JavaScript objects.
-
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 collections in memory
A deep dive into a fairly flexible implementation, inspired by Rails' ActiveRecord, for modeling JavaScript object collections in memory.
-
CSS · Image gallery with horizontal or vertical scroll
Create a horizontally or vertically scrollable image gallery.
-
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.
-
JavaScript · Convert between CSV and JavaScript arrays, objects or JSON
Serialize and deserialize CSV data in JavaScript with this in-depth guide.
-
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.
-
CSS · Styling checkboxes and radio buttons
Learn how to create customized and animated checkboxes and radio buttons with CSS.
-
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.
-
React · React rendering
Take a deep dive into React's rendering process to understand the basics, performance optimization and the role of state management in it.
-
JavaScript · Calculate SHA-256 hash in JavaScript
Calculate a SHA-256 hash in JavaScript using native APIs in both the browser and Node.js.
-
React · Advanced React state hooks
Is
useState()too limited for you? PerhapsuseReducer()doesn't quite cut it either? Let's explore some advanced state management hooks. -
React · Tag input field
Create a custom input field with selectable tags, using React.
-
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 · JavaScript Data Structures - Linked List
A linked list is a linear data structure where each element points to the next.
-
JavaScript · JavaScript Data Structures - Doubly Linked List
A doubly linked list is a linear data structure where each element points both to the next and the previous one.
-
JavaScript · Can I use an object as an array without modifying it in JavaScript?
Learn how you can leverage the Proxy object to use a JavaScript object the same way as you would use a regular array.
-
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 · Formatting numeric values in JavaScript
Learn common number formatting operations, such as rounding, padding, optional decimal marks, currency, seconds, bytes, and more.
-
React · Mapping data structures to React components
Ever wanted to transform an array into a table or an object into a tree view? Here are some React components that can help you do just that.