isabellachen

Adding GA to your React Project

The guide here uses this package: Lazy Analytics

This package can initiate GA for development enironments. Usually when initializing GA, the ga() command queue is called like so ga('create', 'UA-XXXXX-Y', 'auto'); If the pacakge is initialized with google-test-code, the command queue is instead run like so ga('create', {env: 'dev', google: 'google-test-code'}, 'auto')

It is helpful to install the Google analytics debugger With this extension, you don't actually have to have a GA account and the associated UA key set up for your site. The extension will track and log into the console all the tracking beacons being sent from your SPA.

isabellachen

In the feature branch
- git rebase origin master //fast forward your master to origin master
- git checkout my-feature
- git rebase master //rebase your branch with your local master branch

isabellachen

'use strict';

/**
 * An asynchronous bootstrap function that runs before
 * your application gets started.
 *
 * This gives you an opportunity to set up your data model,
 * run jobs, or perform some special logic.
 */

isabellachen

const fetch = require('cross-fetch');
let id;
const promisifedPingApi = new Promise((resolve, reject) => {
  id = setInterval(() => {
    fetch('https://api.chucknorris.io/jokes/random')
    .then(res => res.json())
    .then(json => resolve(json));
  }, 500);
});
Promise.race([

isabellachen

/* Dead easy implementation of a Todo list with React Hooks
 * Demonstrates how to split state
 * Shows how to bind click handlers when there is no class
 * Codesandbox: https://codesandbox.io/s/react-hooks-1zk7f 
 * File: 04-todo.js, make sure to toggle 'current module view' - top right of preview screen
*/

import React, { useState } from "react";
import ReactDOM from "react-dom";

isabellachen

{
  "name": "lettra",
  "version": "1.0.0",
  "description": "WP Theme for Writers",
  "scripts": {
    "build:style": "node-sass sass/style.scss style.css --output-style expanded",
    "build": "run-p \"build:*\"",
    "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial"
  },
  "devDependencies": {

isabellachen

To search for mixed content, click the Network tab. In the input box,mixed-content:displayed

isabellachen

VSCode WordPress Debugging Setup: WordPress Xdebug Setup for Local by FlyWheel with VSCode

Consider supporting my work by purchasing the course this tutorial is a part of i.e. VSCode Power User →

🚅 TL;DR

• Make sure your Local by FlyWheel WordPress install is a custom install

isabellachen

import './file.extension';

describe('FileExtension', () => {
  const generateFile = (filesize: number = 20) => {
    const fileBits: BlobPart[] = [new Array(filesize + 1).join('1')];
    const fileName: string = 'example.txt';
    return new File(fileBits, fileName);
  };

  it('should define isSizeValid', () => {

isabellachen

//Into the type constraint of the component, that is the <>, input two arguments.
//The first are the typings for props, the second is the typings for state.

import * as React from 'react';
import * as ReactDOM from 'react-dom';

class App extends React.Component<{
  message: string
}, {
  count?: number