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' |