< all tags

tagged #javascript

Big O Notation

It's important to be able to quickly and efficiently evaluate and communicate the relative performance of an algorithm or block of code. Though daunting at first, Big O notation does just that.  Read more...

RxJS File Uploads (Part 2)

Now that you're an uploading aficionado, let's take it one step further. We'll clean up our UploadService implementation and talk about some corner cases you may encounter.  Read more...

RxJS File Uploads (Part 1)

A common task in frontend development is uploading a file provided by the user. Visual feedback on upload progress prevents the user from worrying while they wait.  Read more...

C is for Const

JavaScript always knows exactly what variable context you intended. For those times where it doesn't, try out a const.  Read more...

B is for Bind

JavaScript always knows exactly what context you intended. For those times where it doesn't, try out a bind.  Read more...

A is for Assert

All programmers are perfect, of course. For those times where we're not, toss in an assert.  Read more...

Tips & Tricks: Object Spread

The ECMAScript standard has brought with it many useful syntactic shortcuts that make development quick and easy, if not a bit cryptic at times. Let's take a look at the object spread operator.  Read more...

Metasyntactic Variables

You use them every day and you've probably never given them a second thought. What is a foo? How exactly does one bar? How big is a baz? Great question.  Read more...

TypeScript

Have you ever worked on a huge block of code for a few hours, bundled and run it, and it just worked? With TypeScript, that becomes a much more common occurence.  Read more...

Hooks, continued

Yesterday, we talked about the high-level implications of React's new Hooks API. Now we'll go over their usage and explore a few different patterns you'll want to familiarize yourself with.  Read more...

Observables

Or, an idiomatic way to avoid callback hell. Read more...

Hooks, Hooks, Hooks!

Component-based design transformed the frontend landscape by fundamentally changing the way web apps are built. React's new Hooks API is set to do that again, this time for function logic.  Read more...

Ninja Reducers

We defined reducers as a function that accepts two inputs and produces a single output. What about reducers that don't immediately look like reducers? You may already know a few!  Read more...

Transducers

You have a reducer that's almost perfect, but it's not quite right. A transducer can take your existing reducer and fit it to the task at hand.  Read more...

Reducers

It may not be immediately obvious through the many modern layers of abstraction, but code can often be boiled down to piping some number of inputs to some other form of output. Reducers play a key role in this process.  Read more...

Creating a search context

A common task in front-end development is taking a string of user input and filtering a dataset for rows that contain that input. Let's explore that.  Read more...