Jason Brown
codeburst.io
Portland, OR, United States
Contact Jason
Discover and connect with journalists and influencers around the world, save time on email research, monitor the news, and more.
| Recent: |
|
| Past: |
|
Past articles by Jason:
Immutable Data with Immer and React setState – codeburst
Immer is an incredible new library for JavaScript immutability. In previously libraries like Immutable.js it required whole new methods of operating on your data. This was great but required… → Read More
Custom Handling the Android Back Button with React Navigation
The Android back button adds an additional navigation option that is crucial to manage when developing an application. → Read More
Drag Callbacks with Reanimated in React Native – codeburst
The point of React Native is to have your logic inside of JS. → Read More
Introduction to Reanimated in React Native – codeburst
Reanimated is the latest addition to the React Native animation family. However it takes a different approach to how animations are handled. Using the Animated library provided by React Native has… → Read More
Create a Modal Route with Link and Nav State in React Router
A common pattern on Facebook and other applications is to show pictures in a gallery, this gallery may be an interactive modal. However if the user visits the page from just a URL you might want to… → Read More
Create Nested Tab Routes with Dynamic Paths with React-Router
A common pattern in most web applications is hiding unnecessary data behind tabs. However in defining these tabs you should make the data accessible in the event the user bookmarks, or shares the… → Read More
Add Interactivity to a Line Graph using scaleLinear.invert
Rendering data is only half the battle. To create a more engaging visualization we need to turn mouse movement/touches back into data so users can interact with and explore your data. We will… → Read More
Fundamentals of Rendering Data as an SVG Bar Graph with D3 and scaleBand
Bar graphs are one of the foundations of the graphing world. We’ll walk through how to take data, transform it using scaleBand and scaleLinear to create a dynamic bar chart to fit into any… → Read More
How to use a setState Updater Function with a Reducer Pattern
First off, check out the Live Demo so you know what we’re building. → Read More
Create a Responsive Animated Progress Bar in React Native
In this lesson we'll show how to structure views to create a responsive progress bar (without defining a set width). It will allow for dynamic border, bar, and fill colors. We'll finish off by showing how to add animation to make the progress indicator smoothly transition. → Read More
Convert Imperative Code to a Declarative React Component
In this lesson we'll show how to take a beforeUnload call and convert it to a declarative React Component. It will handle subscribing to events, and automatically unsubscribing to prevent memory leaks. → Read More
Convert CommonJS Requires to ES6 Imports
In this lesson we'll use cjs-to-es6 to convert CommonJS requires to ES6 imports. We'll also show how to convert over a exported default object to take advantage of named exports. → Read More
Fix Only Committed Files with Prettier and lint-staged
In this lesson we'll use prettier and lint-staged to run prettier only on files that have been changed and committed to git. This will allow you to prettify files as you change them, and prevent massive lint only git check ins. → Read More
Create a VSCode Snippet with Tab Stops and Named Variables
In this lesson we'll create a VSCode snippet for quickly reusing code. We'll show how to setup tab stops orders to move the cursor in a specific order when tab is pressed. Then we'll show how to create named variables with default values. → Read More
Disable and Ignore Yellow Box Warnings in React Native
Yellow box warnings in react native can be intrusive. We will use console.disableYellowBox to disable the yellow box entirely. We'll also use console.ignoredYellowBox to selectively disabled warnings. → Read More
Use licensee.js to Check Dependencies for Accepted Library Licenses
In this lesson we'll use licensee.js to see how to configure accepted license types for our project. We'll also explore how to use whitelist overrides to allow specific libraries that may not match our license configuration. We'll also setup an npm script to show a more visible exit code 1 failure. → Read More