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.
class Form extends React.Component { | |
componentDidMount() { | |
new dgCidadesEstados({ | |
cidade: document.getElementById('cidade'), | |
estado: document.getElementById('estado'), | |
estadoVal: 'SP', | |
cidadeVal: 'São Paulo' | |
}) |
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.
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" /> |
import React from 'react'; | |
export default class InputEmail extends React.Component { | |
constructor(props) { | |
super(props); | |
this.state = { | |
validate: false | |
}; |
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 { | |
var webpack = require('webpack') | |
module.exports = { | |
entry: './src/main.js', | |
output: { | |
path: './dist', | |
publicPath: 'dist/', | |
filename: 'build.js' | |
}, | |
module: { |
import React from 'react'; | |
export default class Form extends React.Component { | |
static propTypes = { | |
name: React.PropTypes.string, | |
}; | |
constructor(props) { |
{ | |
"query": "mutation ($data: BlogPostInput!) { addBlogPost(data: $data) }", | |
"variables":{ | |
"data":{ | |
"_id":"67e38d557bb1237571b2147e", | |
"title":"teste", | |
"description":"teste description" | |
} | |
} | |
} |
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' |