| import 'package:flutter/material.dart'; | |
| import 'package:simple_inherit/state_container.dart'; | |
| class UpdateUserScreen extends StatelessWidget { | |
| static final GlobalKey<FormState> formKey = new GlobalKey<FormState>(); | |
| static final GlobalKey<FormFieldState<String>> firstNameKey = | |
| new GlobalKey<FormFieldState<String>>(); | |
| static final GlobalKey<FormFieldState<String>> lastNameKey = | |
| new GlobalKey<FormFieldState<String>>(); | |
| static final GlobalKey<FormFieldState<String>> emailKey = |
These are my notes basically. At first i created this gist just as a reminder for myself. But feel free to use this for your project as a starting point. If you have questions you can find me on twitter @thomasf
example.com, as which we (the git client) connect (push) to exmaple.com.sudo useradd -m -s /usr/bin/git-shell git
At the top of the file there should be a short introduction and/ or overview that explains what the project is. This description should match descriptions added for package managers (Gemspec, package.json, etc.)
Show what the library does as concisely as possible, developers should be able to figure out how your project solves their problem by looking at the code example. Make sure the API you are showing off is obvious, and that your code is short and concise.
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Micro Stripe Checkout</title> | |
| <meta charSet='utf-8' /> | |
| <meta name='viewport' content='initial-scale=1.0, width=device-width' /> | |
| <script src="https://js.stripe.com/v3/"></script> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> | |
| <style> | |
| * { |
| const nodemailer = require('nodemailer') | |
| const transporter = nodemailer.createTransport({ | |
| service: 'Gmail', | |
| auth: { | |
| type: 'OAuth2', | |
| user: '[email protected]', | |
| refreshToken: '', | |
| accessToken: '', | |
| clientId: '', |
| // https://stackoverflow.com/a/49920844 | |
| // Stateless | |
| const ProjectListComponent = (props) => { | |
| const { handleClick } = props | |
| return ( | |
| <button onClick={handleClick}>Click me</button> | |
| ) | |
| } |
| app.use(function(req, res,next){ | |
| res.on('finish', function(){ | |
| console.log('the response has been sent'); | |
| }); | |
| next(); | |
| }); |
| <div | |
| style={{ | |
| border: '1px solid #eee', | |
| borderLeft: '0.25rem solid #f0ad4e', | |
| borderRadius: '0.25rem', | |
| boxSizing: 'border-box', | |
| marginBottom: '1.25rem', | |
| marginTop: '1.25rem', | |
| padding: '1.25rem' | |
| }} |
| export default class Page extends Component { | |
| getInitialProps({pathname, query}) { | |
| return {custom: 'custom'}; | |
| } | |
| render() { | |
| return ( | |
| <div> | |
| <div>Prop from getInitialProps {this.props.custom}</div> | |
| </div> | |
| ) |
| import React from 'react' | |
| import { Mutation } from 'react-apollo' | |
| import { gql } from 'apollo-boost' | |
| export default function PostUpvoter ({ votes, id }) { | |
| return ( | |
| <Mutation mutation={upvotePost}> | |
| {mutate => ( | |
| <button onClick={() => upvote(id, votes + 1, mutate)}> | |
| {votes} |