IcodeNet

// console.log("Hello, World!");
var countElements = function(arr) {
  var result = 0;
  // output = 0;
  
  // count elements
  for (var i = 0; i < arr.length; i++) {
    if(arr.includes(arr[i] + 1)) {
      result+= 1
    }

IcodeNet

# Interview Question Practice

## Iteration 1

- Describe the difference between a cookie, sessionStorage and localStorage. [-hint-](https://github.com/turingschool/lesson_plans/blob/3ee469be5fdc94c926a88ca510106848b0339731/ruby_04-apis_and_scalability/client_side_storage.markdown) [web APIs]

- What are `data-` attributes good for? [-hint-](https://css-tricks.com/almanac/selectors/a/attribute/) [html]

- Have you used or implemented media queries or mobile specific layouts/CSS? [-hint-](http://frontend.turing.io/lessons/module-1/intro-responsive.html) [css]

IcodeNet

// Note: only for modern browser
import axios from 'axios'

// helper function: generate a new file from base64 String
const dataURLtoFile = (dataurl, filename) => {
  const arr = dataurl.split(',')
  const mime = arr[0].match(/:(.*?);/)[1]
  const bstr = atob(arr[1])
  let n = bstr.length
  const u8arr = new Uint8Array(n)

IcodeNet

const FakeComponent = () => {
  return (
      <AnimatedRoutes exitBeforeEnter initial={false}>
        <RouteTransition exact path="/some-route">
          <NewUsers />
        </RouteTransition>
        <RouteTransition exact path="/yo" >
          <Users />
        </RouteTransition>
      </AnimatedRoutes>

IcodeNet

Hi Nicholas,

I saw you tweet about JSX yesterday. It seemed like the discussion devolved pretty quickly but I wanted to share our experience over the last year. I understand your concerns. I've made similar remarks about JSX. When we started using it Planning Center, I led the charge to write React without it. I don't imagine I'd have much to say that you haven't considered but, if it's helpful, here's a pattern that changed my opinion:

The idea that "React is the V in MVC" is disingenuous. It's a good pitch but, for many of us, it feels like in invitation to repeat our history of coupled views. In practice, React is the V and the C. Dan Abramov describes the division as Smart and Dumb Components. At our office, we call them stateless and container components (view-controllers if we're Flux). The idea is pretty simple: components can't

IcodeNet

require('dotenv').config()
import {exec} from 'child_process'
import {
  CognitoUserPool as Pool,
  CognitoUserAttribute as Attribute,
  CognitoUser as User,
  AuthenticationDetails as Details,
} from 'amazon-cognito-identity-js'
import {LocalStorage} from 'node-localstorage'
import prompt from 'prompt'

IcodeNet

What is the squash rebase workflow? It’s simple – before you merge a feature branch back into your main branch (often master or develop), your feature branch should be squashed down to a single buildable commit, and then rebased from the up-to-date main branch. Here’s a breakdown.

Pull master branch

git pull origin master

Create bug/feature branch

IcodeNet

#!/bin/sh

set -e
set -x

for package in $(npm -g outdated --parseable --depth=0 | cut -d: -f3)
do
    npm -g install "$package"
done

IcodeNet

sudo lsof -iTCP -sTCP:LISTEN -P | grep :5001

then

sudo kill -9 [processId]

IcodeNet

There is a basic set of steps to use NgRx effects in your applications.

• First, npm install the @ngrx/effects package.
• Build an effect to process an action and dispatch the success and fail actions.
• Initialize the effects module in the root module.
• Register feature module effects, and
• finally process the success and fail actions in the reducer.