npverni

// import useDebounce
import { useDebounce } from './hooks';

// store searchTerm in state
const [searchTerm, setSearchTerm] = useState('search');

// setup a debounced version of searchTerm
const debouncedSearchTerm = useDebounce(pricePointSearchTerm, 500);

npverni

The Perfect Margarita

This is my "go to" margarita because of the ease of preparation and the simplicity of ingredients.

TL;DR

1oz orange liqueur, 2oz tequila, 3oz limeade, 1/2 lime, shaken with ice.

npverni

import React from 'react';
import useConnector from './useConnector';
import reducer from './reducer';
import * as unboundActions from './actions';

const App = () => {
  const initialState = { count: 0 };

  const [state, actions] = useConnector(initialState, reducer, unboundActions);

npverni

[
  {
    name: "Mike James",
    email: "mike@example.com",
  },
  {
    name: "Sue Jones",
    email: "sue@example.com",
  },
  {

npverni

import React, { Component } from 'react';
import './App.css';

class App extends Component {
  state = {
    focused: '',
  }
  setFocus = field => this.setState({ focused: field });
  unsetFocus = () => console.log("Unsetting focus");
  isFocused = field => (this.state.focused === field);

npverni

const Profile = props => 
  <div>
    <h1>{props.name}</h1>
    <p>{props.bio}</p>
  </div>;
  

npverni

const Profile = ({ name, bio }) =>
  <div>
    <h1>{name}</h1>
    <p>{bio}</p>
  </div>;

npverni

class Profile extends React.Component {
  render() {
    return(
      <div>
        <h1>{this.props.name}</h1>
        <p>
          {this.props.bio}
        </p>
      </div>
    );

npverni

var Profile = React.createClass({
  render: function() {
    return (
      <div>
        <h1>{this.props.name}</h1>
        <p>{this.props.bio}</p>
      </div>
    );
  }
});

npverni

[
  {
    number: 1,
    name: 'Bulbasaur',
    types: ['Grass', 'Poison'],
    description: "Bulbasaur can be seen napping in bright sunlight. There is a seed on its back. By soaking up the sun's rays, the seed grows progressively larger.",
    evolvesFrom: null,
    evolvesInto: 2,
  },
  {