Author: Mark

  • How to export an apk file for testing

    In the terminal run these commands: Then the apk file is here:

  • How to fix NativeEventEmitter warning

    I was getting the warning: new NativeEventEmitter() was called with a non-null argument without the required removeListeners method. I was using React Native Sound and to fix the warning I add the below lines of code to this file in the react-native-sound module: react-native-sound/android/src/main/java/com/zmxv/RNSound/RNSoundModule.java

  • Copying a state variable’s value

    To copy the value of a variable declared using useState, if it’s an array use: let varName = […stateVar]; If it’s not an array use: let varName = stateVar.valueOf();

  • Creating an array of empty arrays

    If you do: let arr = new Array(5); arr.fill([]); This will make an array of 5 identical arrays where editing one will update all which is rarely what anyone wants. To achieve an array of different arrays use: let arr = Array.from(new Array(5), () => [])

  • Update all dependencies in package.json to latest

    To do this, use npm-check-updates Install with Then update with

  • Accessible hash links

    This is mainly for the ‘skip to content’ links. $(“a[href^=’#’]”).not(“a[href]=’#'”).click(function() {    $(“#”+$(this).attr(“href”).slice(1)+””).focus(); });

  • Difference between var, let and const

    var declarations are globally scoped or function scoped while let and const are block scoped. This means you can declare the a let or const with the same name inside an if statement and it will be self contained. The console would log “aa bb” followed by “a b”. Let and const can’t be redeclared in…

  • Difference between document.ready and window.onload

    Triggers when the HTML is ready. Use this to start running code as soon as possible. This is not jQuery. Trigger when everything on the page (eg images) is finished loading.

  • CSS Modules

    CSS modules allow you to create unique class names even when the class is already used in another file. Name the file like so: name.module.css. Right normal css in it. Import the file like so: Apply it to an element like so: where testClass is a class specified in your css module file. When the…

  • Passing a function prop from child to parent

    Using the same example as passing a function from parent to child but going in the opposite direction. Here the parent has a callback function and passes it to the child component. The child calls the callback with it’s own function as the argument. As before you can use the component like so: