πŸ“„Cheat sheet for react-native developers
Branch: master
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
components
pages Expand json example Jan 18, 2019
recipes add check-if-dev example Feb 10, 2019
scripts Generate ToC on build time Dec 12, 2018
.gitignore fix hello world example Dec 10, 2018
.prettierrc initial commit Dec 7, 2018
.travis.yml add fqdn Dec 8, 2018
LICENSE update README, add LICESNE and CONTRIBUTORS Dec 8, 2018
README.md move contributors to readme Jan 18, 2019
next.config.js Generate ToC on build time Dec 12, 2018
package.json Generate ToC on build time Dec 12, 2018
yarn.lock Generate ToC on build time Dec 12, 2018

README.md

How to do this in Flutter?

Build Status

πŸ“„ Cheat sheet for react native developers.

Built with mdx and nextjs

Motivation

As a react native dev I found Flutter really similar to react native in many ways (flutter for react native devs). However when I first tried Flutter, turned out that doing simple things like fetchng data from back-end or building stateful component is not as straightforward as in React Native (actually it is straightforward after the first time 😏)

Example:

React Native

class Greeter extends React.Component {
    static propTypes = {
        name: PropTypes.string.isRequired,
    };

    render() {
        return (
            <View>
                <Text>Hello {this.props.name}!</Text>
            </View>
        );
    }
}

Flutter

class Greeter extends StatelessWidget {
  Greeter({@required this.name});

  final String name;

  @override
  Widget build(BuildContext context) {
    return Container(
        child: Text('Hello $name!'),
    );
  }
}

Looks pretty similar, right? This repo contains a set of examples in React Native and their alternatives written in Flutter

Contributions

Contributions are very welcome! πŸ™

Submit new issue describing the example you want to see

How to contribute new examples:

  • 🍴 fork this repo
  • ⬇ clone this repo
  • πŸ›  run yarn
  • πŸ‘€ make sure example you want to add doesn't already exist
  • πŸ›  run yarn add-example
  • ✍️ edit recipes/<your-example-name>.md
  • βž• add your name to Contributors section
  • πŸ“¦ commit your changes
  • ‴️ create Pull Request
  • πŸ‘ kudos

Contributors

License

MIT Β© Andrei Lesnitsky