Justin Noel

es6

ES6 String Helper Functions

Learn how to use some of the new String object prototype methods in ES6 to make your code easier to read and understand.

cypress

E2E Testing of React Native Apps using Cypress

Historically, performing E2E testing of React Native apps has been a less than ideal scenario. Thanks to Expo for Web, you can now using Cypress to easily perform end-to-end testing of your React Native app in the browser.

react-native

Using Sizzy to Develop React Native Apps using Expo for Web

Learn how to develop, design, and debug React Native apps in the browser using Sizzy and Expo for Web.

expo

Viewing Debugging Logs in the Expo Console for React Native

With the Expo Console running your browser, you can see all the "console.log" output from the devices your app is running on.

expo

Developing React Native Apps with Expo over a VPN

Learn how to use the Tunneling feature of the Expo console to develop apps across a VPN or share your work with clients or coworkers.

Test Embed

Testing embedding from Loom

react-native

Create Universal React Native Apps using Expo for Web and UI Kitten

Learn how to develop a beautiful React Native application that can run universally on mobile, web, and desktop.

macOS

Recording an iOS Device on macOS

Are you screen sharing and need to show someone what's happening on your phone? This tutorial will show you how to use the QuickTime Player to demo your iPhone from your macOS desktop.

react-native

Adding Lottie Animations to React Native Apps

Have you ever wanted to add some fun animations and graphics into a React Native app?  Lottie is a a native library for adding Adobe After Effects animations into your app.Of course,

VPN Provider Review

A review of three major VPN providers and their performance on mobile and desktop: - 1.1.1.1 Warp+ - Encrypt.me - TunnelBear

JavaScript

JavaScript and React Training Suggestions

Looking to learn JavaScript, React / React Native? These are the best courses to get you started or advance your knowledge.

TypeScript

Type Safe Switch Statements with TypeScript

Ensure all possible Enum cases are covered in switch statements using TypeScript.

Using WayBackMachine as Your Archive and Proof of Record

Use the WayBackMachine Internet Archive to validate original authorship for your blog posts.

react-native

Absolute Path Imports in React Native

Replace relative path imports with absolute imports for cleaner, easier to understand React Native code using `package.json`.

shell

Copying a Directory with Exclusions Using `rsync`

Have you ever needed a copy of a directory but didn't want all of the subfolders included in the copy?  Maybe you're about to make a massive change to a codebase and want

Opening Deep Links in iOS Simulator and Read Devices

Does your app use "deeplinks" to open to specific views if an app is installed on a user's device?  If so, it's difficult to be able to test them.  Today, a co-worker showed

array

Generate a Dynamically Sized Array with Unique Values

Use ES6 to generate a dynamically sized array where each member has a unique value.

shell

Diff Files on Command Line and with Visual Studio Code

Have you ever needed to easily tell the difference between two files? Just use the diff command in your terminal.

Creating Git Patch Files with Custom Names

Worried about losing your code? You can create a Git patch file using some custom aliases.

Creating a Custom Jest Snapshot Serializer

I've been setting up a new Ionic Framework (with React) project from scratch.  I want it to be the baseline for all my future projects.  I'm configuring it to have the development workflow

Adding data-testid to an Ionic Framework React Project

A common testing technique is to add a data-testid="home-page" tag to each view in your app.  Then, using something like the react-testing-library, you can find that page for testing like:describe('App',

design

Rapid, Responsive Development with Sizzy

Everyone knows that developing and testing your app/site on various devices is tough.  There are so many dimensions available for even just the major Apple devices.  When you throw in desktops, tablets,

react

Stuck on a Simple React Problem - Please Help!

A React component is failing to accept or use a passed in property. Please help!

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.