ronal2do

class Form extends React.Component {
  componentDidMount() {
        new dgCidadesEstados({
          cidade: document.getElementById('cidade'),
          estado: document.getElementById('estado'),
          estadoVal: 'SP',
          cidadeVal: 'São Paulo'
        })

ronal2do

Image Gallery using React JS

Using ReactJS to create an image gallery of babies using placeholder images. Colors used: Hot Pink & Cotton Candy.

A Pen by Ronaldo Lima on CodePen.

License.

ronal2do

import React from 'react';

import {Input, Submit} from './Commons/Form';

export default class Form extends React.Component {

  render() {
    return (
	<Form route="/api/pessoas/fisicas">
		<Input value="nome" />

ronal2do

import React from 'react';

export default class InputEmail extends React.Component {
	
	constructor(props) {
	    super(props);

	    this.state = {
	        validate: false
	    };

ronal2do

import React from 'react';
import { connect } from 'react-redux'
import { submitNewsletterForm } from '../../actions/newsletter';
import Messages from '../Messages';

import Submit from './../commons/Submit';
import Submit from './../commons/InputEmail';

class Form extends React.Component {
  

ronal2do

var webpack = require('webpack')

module.exports = {
  entry: './src/main.js',
  output: {
    path: './dist',
    publicPath: 'dist/',
    filename: 'build.js'
  },
  module: {

ronal2do

import React from 'react';


export default class Form extends React.Component {

  static propTypes = {
    name: React.PropTypes.string,
  };

  constructor(props) {

ronal2do

{
	"query": "mutation ($data: BlogPostInput!) { addBlogPost(data: $data) }",
	"variables":{
		"data":{
			"_id":"67e38d557bb1237571b2147e",
			"title":"teste",
			"description":"teste description"
		}
	}
}

ronal2do

import _ from 'lodash';
import React, { Component, PropTypes } from 'react';
import { reduxForm } from 'redux-form';
import { createPost } from '../actions/index';
import { Link } from 'react-router';

const FIELDS = {
  title: {
    type: 'input',
    label: 'Title for post'

ronal2do

   componentWillMount() {
     global.addEventListener("keyPress", this._handleEscKey, false);
   };

   componentWillUnmount() {
      global.removeEventListener("keyPress", this._handleEscKey, false);
   };

  _handleEscKey = (event) => {
    if(event.keyCode == 27){