reciosonny

class App extends React.Component {
  
  state = { clicked: false, initialized: false };

  componentDidMount() {
    this.setState({ initialized: true });
  }

  setClicked = () => {
    this.setState({ clicked: true });

reciosonny

function App() {
  const [firstName, setFirstName] = useState("");
  const [middleName, setMiddleName] = useState("");
  const [lastName, setLastName] = useState("");

  return (
    <div className="App">
      <PersonalInformation
        firstName={firstName}
        middleName={middleName}

reciosonny

function App() {
  const [firstName, setFirstName] = useState("");
  const [middleName, setMiddleName] = useState("");
  const [lastName, setLastName] = useState("");

  return (
    <div className="App">

      
    </div>

reciosonny

function PersonalInformation({
  firstName,
  middleName,
  lastName,
  setFirstName,
  setMiddleName,
  setLastName
}) {
  return (
    <div>

reciosonny

export default class ContainerComponent extends Component {

  state = { firstName: "", lastName: "", address: "", data: [] };

  componentDidMount() {
    axios.get("/url/blablabla").then(res => this.setState({ data: res.data }));
  }

  onChangeEvent = () => {
    // Complex logic here...

reciosonny

import styled from "styled-components";


const Button = styled.a`
  text-decoration: none;
  color: #fff;
  background-color: #26a69a;
  text-align: center;
  letter-spacing: 0.5px;

reciosonny

// MEDIA QUERY MANAGER
/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone

reciosonny

import "./SchemaTablesList.css";

import React, { Component } from "react";
import { bindActionCreators } from "redux";
import { connect } from "react-redux";
import _ from "lodash";
import { withRouter } from "react-router-dom";

/* ACTIONS */
import { initializeTables, deleteTablesInSchema } from "../Actions/index";

reciosonny

use iframer;

update sale s set FullyPaid=1

where YEAR(s.Created) between 2012 and 2018 and s.FramerID = 'bea8ac99-04dd-48da-8db8-ba572bf8ffe2';



select * from sale s

reciosonny

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

class App extends Component {

  componentDidMount() {
    
  }