s4kh

Data Structures

Array

Stack

When recursion is banned you can use stack to simulate. DFS iterative

Stack<T> st = new Stack<>(); // T is ususally Character, Integer. We can create class and use it.

s4kh

import React from 'react'
import ReactDOM from 'react-dom'
import PropTypes from 'prop-types'

// Instead of using a HOC, we can share code using a
// regular component with a render prop!
class Mouse extends React.Component {
  static propTypes = {
    render: PropTypes.func.isRequired
  }

s4kh

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import SelectDropdown, {CHECK_MARK} from './SelectDropdown';

/**
 * Uses render prop to reuse SelectDropdown functionalities
 * @author skh
 */

export default class CountryFilter extends Component {

s4kh

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import SelectDropdown, {CHECK_MARK} from './SelectDropdown';

/**
 * Uses render prop to reuse SelectDropdown functionalities
 * @author skh
 */

export default class CountryFilter extends Component {

s4kh

import {withRouter} from 'react-router-dom';

class Trips extends React.Component {  
  render() {
    const { location: { pathname } } = this.props
    return (
      <h1>Hello people, currenty at: {pathname}</h1>
    )
  }
}

s4kh

const GalleryItem = ({ url, alt, description, alt, author }) => (
  <div className="img-container">
    <img src={url} alt={alt} />
    {description} - {author}
  </div>  
);

class Gallery extends Component {
  state = {
    isLoading: false,

s4kh

const GalleryItem = ({ url, alt, description, alt, author }) => (
  <div className="img-container">
    <img src={url} alt={alt} />
    {description} - {author}
  </div>  
)

s4kh

class Gallery extends Component {
  state = {
    isLoading: false,
    currentImage: 0,
    imgs: [],
  };
  
  componentDidMount() {
    this.setState({ isLoading: true });
    // AJAX API call here