Justin Noel

kiva

Solving the Immigration Crisis with Micro Loans via Kiva

My challenge to the tech community to solve the immigration crisis in America. With a micro loan, you can help someone help themselves. You can help someone raise themselves up out of poverty and stay in their home country because they are safe, healthy, and productive.

eslint

Configuring Pre-commit Hooks for Prettier and Linting on a TypeScript Project

How to enforce code styles with Prettier and ESLint. Before allowing any commits to occur, format the code with Prettier and check for any ESLint warnings or errors.

ionic framework

Accessibility in Ionic Framework Apps

I've recently been creating a sample project based off of Ionic Framework's sidemenu starter app. Yesterday, I realized the starter was using onClick handlers instead of links to navigate between views. Of course,

ionic framework

Testing React Based Ionic Framework Apps

Are you as excited as I am about using React and Ionic Framework together? You'll be amazed at how easy it is to get started. Thanks to the magic of the Ionic CLI

React

Configuring React Absolute Imports For TypeScript

Are you really tired of typing code like this in your React projects? import { AppContextProvider } from "../../state/State"; import MyComponent from "../../components/MyComponent/MyComponent"; import "./App.css"

JavaScript

Lodash Get For Safer and Readable Code

Yesterday, I tweeted about how often I encounter people opposed to using Lodash in their projects. I'm frequently surprised how many people refuse to allow Lodash in their projects. I get

lodash

Lodash Memoize with a Resolver

A while back, I wrote about Lodash Memoize. However, I missed a critical point about it that Pavel Zubkou pointed out. memoize uses the first argument to create the key to the cache.

javascript

New ESLint / TypeScript Configuration

Learn how to integrate TypeScript, Prettier, and ESLint in a new Create React App project.

apple

Apple ID Problems

I need to change my Apple ID. Let's say it is currently "[email protected]", and I need to change it to "[email protected]". I go through the

ios

Adding a Splash Screen Image in Xcode

I won't actually cover the entire process to add a splash screen (or "Launch Image") to Xcode. It's already covered in great detail in this post by @spencer_carli. UPDATE: Here's

android

Throttling Network Speeds on macOS and iOS Simulator

When developing mobile apps, it's important to recognize your mobile users will likely have a much slower network connection than you use while developing. So, it's good to run your app in a

android

Launch An Android Emulator from the Command Line

While developing React Native apps (or Ionic Framework) I really dislike opening Android Studio on my Mac just to launch an emulator. To avoid this, I use this workflow: source ~/.bash_profile # Now,

React

Review Full Stack Advanced React and GraphQL by Wes Bos

Since I've found myself looking for a new job recently, I thought it would be a good idea to level up my React skills. I knew Wes Bos had a new "Full

GraphQL

GraphQL Subdomain Queries with 3rd Party Cookies Disabled

UPDATE: Wes was kind enough to respond via Twitter about this issue. It seems Heroku and Now, have their domains as a "public suffix". This means you can't set a cookie

Recovering from a New Job Disaster and How To Interview for a New Job

tl;dr (seriously long!) : I talk a lot about myself below. Here's the gist of it: I started a new job in mid-January and quit after only two days. I cover the mistakes

firebase

Firebase Features Wishlist

UPDATE: I've created a Firebase Cloud Function that can obtain a user's IP address. This information can be logged, added to the database, or used for any desired purpose. LINK : https://github.com/

shell

Converting base64 to an Image

A very long time ago, I wrote a post about Getting base64 of an Image. Today, I needed to do the inverse of that. I had a text file with base64 data that

react-native

Use Browser's Console Temporary Local Variables in React Native

Have you ever used console.log on a complex object and gone to inspect it in the browser's inspector? Maybe it's so complex you wanted to run JSON.stringify on it so you

lodash

Understanding Lodash Memoize

I work on a team that has some really great developers. A few days ago in a PR review, I came across: const formatNumberFull = memoize(number => numeral(number).format("0,0&

react-native

Dismissing Keyboards in React Native Views

When using a View in React Native, you don't have any control over the keyboard. So, if the view has an input field and the user taps away from the input field, the

git

Partially Stashing Files in Git

Imagine that to run an app locally, you need to change a configuration file. No matter what branch you are currently on, this configuration file will need to remain the same. Let's call

Adding to Redux-form FieldArray

Imagine you're creating a form that needs multiple discount codes for a checkout process. In React/React Native, you might use a FieldArray from the redux-form library. It could look something like this:

react-native

Debugging Implicit Returns in ES6

For the last 3.5 years, I've worked on a AngularJS(1.x) project; so, I haven't had lots of opportunity to use many of the new features in ES6. Now that I'm

testing

Configuring Jest in React Native 0.57.0

I'm trying to get a baseline React Native app setup. Unfortunately, I kept running into problems with configuring Jest. When I run yarn test, I'd get this failure: $ yarn test yarn run v1.

angularjs

E2E Testing Angular Apps with Cypress.io

UPDATE : Gleb Bahmutov, from the Cypress team, was kind enough to put together a blog post explaining how to solve my issue. I have to admit that I've rarely done unit testing or