Skip to content

Instantly share code, notes, and snippets.

View mlimberg's full-sized avatar

Mike Limberg mlimberg

View GitHub Profile

Hooks:

What is it?

Hooks are functions that let you “hook into” React state and lifecycle features from function components.

  • useState
    • deconstruct/define? value name and update function
    • const [name, updateName] = useState('Greg')
  • each time you use a useState hook, it isolates its own state

React Context API

What is it?

The NEW React Context API provides the ability to pass props to child components without needing to pass them down manually.

Why use it?

Simple answer: To share data with one or many child components without passing props/prop drilling.

Async / Await

Just like we have Promises to add some syntactic sugar to structured callbacks, we now have async functions that come with ES7 to help us write cleaner code when working with promises and asynchronous operations.

A few key points about async functions:
  • The async keyword is required
  • Async functions return a Promise
  • An async function can contain an await expression
    • Using the await expression will pause the execution of the function and await resolution of the specific promise it is called on

Refactoring

Refactoring is the process of improving the structure and readability of code without changing its functionality.

refactor meme

Why refactor?

  • Prevent decay
  • Preserve or fix design
title length tags module
Intro to Object Oriented Programming
60
javascript, object oriented programming, oop
2

After this lesson you should...

  • Have a high-level understanding of what OOP is
  • Be able to speak to the benefits of OOP

Question 1

What is the difference between var, let, and const?

Question 2

Consider the following blocks of code.

let array = [];

Basic API Requests using AJAX


By the end of this lesson you should...

  • Understand the difference between synchronous and asynchronous operations
  • Be familiar with AJAX and XMLHttpRequest objects
  • Know what a GET request does and how to use it
title length module tags
Build an NPM Module
120 min
4
npm, node, package

Goals

By the end of this lesson, you will know/be able to:

#Interview Participation

Company

  • Markit IHS (Boulder)

What happened in the interview?

I was interviewed over the phone by a Team Lead and a Senior Director for a a front-end role. Early in the interview, they asked a lot of questions about databases. Then, informed me that the need had changed slightly since the position was initially posted. They asked if I would be OK with a lot more back-end work than the job description included.

The Senior Developer then asked some questions about IIFE's (Immediately Invoked Function Expressions) to get a gauge on my understanding of javascript.

@mlimberg
mlimberg / Accessibility-Commitments.md
Last active November 28, 2016 18:06
Three commitments to make my interfaces more accessible

##Accessibility Commitments

####Screen Reader Improvements

I want to ensure that anyone navigating a website/app I help to create can get a full understanding of the page/screen they are on. This includes ensuring all images have a description so that the viewer/reader is not left with a blank "img".

####Mobility Improvements

I will strive to test every page I help create to understand how keyboard navigation works for the user and make it as user-friendly as possible.