Open in app

Sign In

Write

Sign In

Josh Frank
Josh Frank

61 Followers

Home

About

Nov 17, 2022

An honest-to-goodness client-side Amazon S3 uploader component in React

Recently at work, I found myself tasked with writing an attachment uploader for big files — so team members at my firm can host large images on one of our Amazon S3 buckets and share them with a publicly-available URL. But despite some searching, I found no tutorials that cover…

React

4 min read

An honest-to-goodness client-side Amazon S3 uploader component in React
An honest-to-goodness client-side Amazon S3 uploader component in React
React

4 min read


Sep 14, 2021

Stop filter().map()ping arrays

Let’s say you have an array of props and you’d like to map only some of them to DOM nodes based on an attribute: const stories = props.stories.filter( story => story.category !== "wealth_management" ).map( story => <StoryCard story={ story } key={ story.id } /> } ); Avoid chaining iterating functions This is way up…

JavaScript

2 min read

Stop filter().map()ping arrays
Stop filter().map()ping arrays
JavaScript

2 min read


Published in

CodeX

·Sep 8, 2021

On replacing componentDidUpdate and other React life cycle methods with hooks

I’ve addressed React’s life cycle before on this blog because it’s a common cause of acute nervous breakdown for many devs… For a React engineer, having a deep understanding of component life cycle is like having an extra 15 inches if you’re a basketball player. And it’s especially helpful when…

React

5 min read

On replacing componentDidUpdate and other React life cycle methods with hooks
On replacing componentDidUpdate and other React life cycle methods with hooks
React

5 min read


Aug 27, 2021

Parallax scrolling in HTML

I’m unashamed to say I have a soft spot for parallax scrolling in HTML. It gives a document depth, polish and dynamism without distracting from content. Parallax scrolling gets very elaborate — but at its simplest it’s just content that scrolls over a stationary background. All that takes is the CSS below. If I had a dollar for every time I’ve copy-pasted these lines of code I’d have some serious walking-around money:

Parallax Scrolling

1 min read

Parallax scrolling in HTML
Parallax scrolling in HTML
Parallax Scrolling

1 min read


Published in

Geek Culture

·Aug 25, 2021

On Next.js, React Query, and learning to love async/await

React Query is a clever package of hooks and tools for the React/Next family of frameworks written by Tanner Linsley. I’m familiarizing myself with it because I’m expected to contribute to several web apps soon which all rely heavily on asynchronous data. Managing state with flying Promises and fetches everywhere…

React Query

4 min read

On Next.js, React Query, and learning to love async/await
On Next.js, React Query, and learning to love async/await
React Query

4 min read


Aug 13, 2021

A card flip animation in React Native with Hooks

Before I begin, I should mention it’s possible I won’t be blogging as frequently in the near future thanks to an unbelievable new opportunity! It’s not final yet but I’m so excited to share more soon! I love long-form writing, but it’s a little exhausting and soon I’ll have even…

React Native

6 min read

A card flip animation in React Native with Hooks
A card flip animation in React Native with Hooks
React Native

6 min read


Jul 29, 2021

Building a PostgreSQL API in JavaScript with Express and Sequelize (Part 3): token-based authorization

Today I’m going to pick up where I left off with my basic JavaScript web API cookbook. We’ve set up two simple models and a working relationship between them, plus routes and controllers that handle it all. Today I’ll walk through adding token-based auth with bcrypt and jsonwebtokens, and we’ll…

Expressjs

15 min read

Building a PostgreSQL API in JavaScript with Express and Sequelize (Part 3): token-based…
Building a PostgreSQL API in JavaScript with Express and Sequelize (Part 3): token-based…
Expressjs

15 min read


Published in

Nerd For Tech

·Jul 25, 2021

Normalizing absolute SVG paths with cubic bézier conversions

This blog post is part 3 in what’s quickly become a series about one of my favorite subjects: vector graphics—a shamefully underused way to bring your app from “meh” to “wow” with relatively little effort. …

SVG

8 min read

Normalizing absolute SVG paths with cubic bézier conversions
Normalizing absolute SVG paths with cubic bézier conversions
SVG

8 min read


Jul 17, 2021

Evaluating poker hands with lookup tables and perfect hashing

Today’s blog post continues my series on computer poker with a brief exploration of lookup tables and perfect hashes. Huge thanks and acknowledgments are in order before we begin to Kevin Suffecool, Paul Senzee, and Mike Benson — without a doubt the founding fathers of modern computer poker. …

Lookup Table

11 min read

Evaluating poker hands with lookup tables and perfect hashing
Evaluating poker hands with lookup tables and perfect hashing
Lookup Table

11 min read


Published in

JavaScript in Plain English

·Jul 7, 2021

Triggering file uploads/downloads without a back end in React

“Forgive me, Father, for I have sinned…” Today we’re going to try something a little naughty: triggering a browser download entirely from the front-end. There are a few packages popular for doing this in React (a subject I blog about frequently), but today, I’ll share a simple, no-frills approach to…

JavaScript

6 min read

Triggering File Uploads/Downloads without a Back-end in React
Triggering File Uploads/Downloads without a Back-end in React
JavaScript

6 min read

Josh Frank

Josh Frank

61 Followers

Oh geez, Josh Frank decided to go to Flatiron? He must be insane…

Following
  • Lauren Gifford

    Lauren Gifford

  • Kody Samaroo

    Kody Samaroo

  • RKH

    RKH

  • Elena Kosourova

    Elena Kosourova

  • Michał Męciński

    Michał Męciński

See all (33)

Help

Status

Writers

Blog

Careers

Privacy

Terms

About

Text to speech

Teams