Open in app

Sign in

Write

Sign in

Scott Carmichael
Scott Carmichael

308 Followers

Home

About

May 5

How to reload an app across different browser tabs with JavaScript

It’s not uncommon for users to browse a web app across multiple tabs. This helps then with organization and can preserve their attention to specific place within the app. However, once a user opens the app in multiple tabs; the app’s code is essentially running multiple times; albeit separately within…

JavaScript

2 min read

How to reload an app across different browser tabs with JavaScript
How to reload an app across different browser tabs with JavaScript
JavaScript

2 min read


Mar 1

Lazy Loading React Components

A helper function to streamline lazy loading components in React. The function returns an anonymous React component that prepares and resolves the import. When the import is in flight; a fallback is displayed until the import has finished loading. This is a simple way to introduce intentional code splitting to…

React

2 min read

React: Lazy Load Components
React: Lazy Load Components
React

2 min read


Published in

Level Up Coding

·Jan 16, 2019

Using UI-Router with React for better app routing

(This is revision to post I wrote some months ago for an earlier version of UI-Router. The concepts are the same; just updated to reflect some minor changes in how UI-Router should be implemented.) React is very selective about what ships with its core. This results in a leaner library…

React

8 min read

Using UI-Router with React for better app routing
Using UI-Router with React for better app routing
React

8 min read


Nov 21, 2018

Enabling the Microphone/Camera in Chrome for (Local) Unsecure Origins

Chrome’s security policy will only allow you to access your device’s microphone/camera when a site’s has a secure origin. See here for a detailed explanation about what a secure (and unsecure) origin is. In summary; you need to host your site on https or called localhost (for when in development). …

Chrome

2 min read

Enabling the Microphone/Camera in Chrome for (Local) Unsecure Origins
Enabling the Microphone/Camera in Chrome for (Local) Unsecure Origins
Chrome

2 min read


Jun 6, 2018

React — How to make a button component (that prevents double clicking)

Double clicks can be a real pain point in UI development. Clicking buttons too many times (or before an action has had time to finish) can have a variety of buggy consequences. …

JavaScript

2 min read

React — How to make a button component (that prevents double clicking)
React — How to make a button component (that prevents double clicking)
JavaScript

2 min read


Dec 2, 2017

Using UI-Router for better React routing

(I have since written a revision for this post for a newer version of UI-Router. The concepts are the same; just updated to reflect some minor changes in how UI-Router should be implemented. This can be found here.) React has a key advantage over other frameworks. It’s very selective about…

React

8 min read

Using UI-Router for better React routing
Using UI-Router for better React routing
React

8 min read


Nov 3, 2017

React — Importing Global Variables from the Window Object

When starting a new React project its easy to imagine not using anything from the window object; it feels old-timey and makes your code looks terrible. The thing is though, so many SDKs and third party libraries still (and will always) utilise it. …

JavaScript

1 min read

JavaScript

1 min read


Sep 7, 2017

JavaScript: Testing For Promises

Promises are a common part of JavaScript development these days. One of the things I find a bit frustrating is detecting whether something is a Promise or another type of built in object . When using a promise it will usually have a callback and a catch chained on the…

JavaScript

2 min read

JavaScript

2 min read


Jul 23, 2017

React — Testing Redux Components with Shallow Rendering

When testing React components you want to be very specific about what’s being tested, keeping everything lightweight. Loads of configuration in a test is usually a sign something is not right with your approach to the test (or the component). You should always be looking to use shallow rendering. This…

JavaScript

2 min read

JavaScript

2 min read


Jun 19, 2017

Writing Better User Stories and Bug Tickets

Over the past year at Gecko we’ve added several new members to the team. As a result, one thing in particular became apparent. Our approach to planning was not sustainable. (This is a story for another time.) An obvious area of concern for us was where the work was spec’d…

Agile

5 min read

Writing Better User Stories and Bug Tickets
Writing Better User Stories and Bug Tickets
Agile

5 min read

Scott Carmichael

Scott Carmichael

308 Followers

Shite patter enthusiast…

Following
  • Darius Foroux

    Darius Foroux

  • Bella Caledonia

    Bella Caledonia

  • Janez Čadež

    Janez Čadež

  • Gerard Sans

    Gerard Sans

  • Sean Lynch

    Sean Lynch

See all (105)

Help

Status

About

Careers

Blog

Privacy

Terms

Text to speech

Teams