dgtlmonk

load = async (url) => {
  var head= document.getElementsByTagName('head')[0];
  var script= document.createElement('script');
  script.type= 'text/javascript';
  script.src= url;
  return new Promise(resolve => {
    script.addEventListener('load', resolve);
    head.appendChild(script);
  });

dgtlmonk

React avoiding re-render



Children as Props




Moving state down

dgtlmonk

import dateDiff from "date-fns/differenceInDays"

  // JWT Token
  dateExp = new Date(getToken().exp * 1000)
  isTokenExpired = dateDiff(dateExp, Date.now()) < 1

dgtlmonk

Pushing to Multiple Git Repos

If a project has to have multiple git repos (e.g. Bitbucket and Github) then it's better that they remain in sync.

Usually this would involve pushing each branch to each repo in turn, but actually Git allows pushing to multiple repos in one go.

If in doubt about what git is doing when you run these commands, just

dgtlmonk

function getBookingById(
  ownerId: number,
  bookingId: number,
  fields: string[],
) {
  return gql`
    query getBookingById {
      bookingsByOwnerIds(ownerIds: [${ownerId}], where: { id: ${bookingId} }) {
        nodes {
          ${fields.join('\n')}

dgtlmonk

type Booking = {
  id: number,
  name: string
}

type BookingAndShit = {
  selected?:boolean
}

dgtlmonk

interface Props<T> {
  items: T[];
  renderItem: (item: T) => React.ReactNode;
}

function List<T>(props: Props<T>) {
  const { items, renderItem } = props;
  const [state, setState] = React.useState<T[]>([]); 
  
  return (

dgtlmonk

export function Dashboard() {
  const [data, setData] = React.useState([] as any);
  const [editID, setEditID] = React.useState({} as any);

  React.useEffect(() => {
    setData(sampleProducts);
  }, []);

  const rowClick = (event: any) => {
    setEditID(event.dataItem.ProductID);

dgtlmonk

Syncing a fork
The Setup
Before you can sync, you need to add a remote that points to the upstream repository. You may have done this when you originally forked.

Tip: Syncing your fork only updates your local copy of the repository; it does not update your repository on GitHub.

$ git remote -v
# List the current remotes
origin  https://github.com/user/repo.git (fetch)
origin  https://github.com/user/repo.git (push)

dgtlmonk

Eric Elliott's "Master the JavaScript Interview" Series

A collection of links to the "Master the JavaScript Interview" series of medium stories by Eric Elliott.

Not part of the series but a good grounding.

• The Two Pillars of JavaScript - Part 1
• The Two Pillars of JavaScript - Part 2
• 10 Interview Questions Every JavaScript Developer Should Know

Master the JavaScript Interview