codeftw / future-web Goto Github PK

View Code? Open in Web Editor NEW

38.0 2.0 17.0 739 KB

Starter kit to create PWA with cutting edge technologies

JavaScript 100.00%

meteorjs react apollo material material-ui flexbox meteor

future-web's Introduction

Future Web

Start kit repository using:

Meteor (build tool, backend/frontend setup)
GraphQL with Apollo (apollo server and apollo react client)
React (view)
Material-UI (UI component library)
Flexbox (css feature to organize HTML elements)

The goal is always to keep this repository up-to-date dependency-wise and with great organization. We can also extract common parts and publish npm and meteor packages, that way this repository can be cloned or forked to start new products with this stack. PRs welcome with ideas to new modules.

Maybe in the future we have a simple skeleton here that depends on external packages without any code to be deleted after cloned to create a new product. Right now we have sample and start kit code together.

To have a path to follow we choose to build a TODO App as a working sample /examples/todo, we know, there are a lot of them out there, it is just to practice and learn.

Packages

future-web-graphql-date-time-resolver: GraphQL scalar resolver for date time
future-web-ui-alert: alert support with Material UI

Who are we?

A group of people who believes that code can change people's lives for better. We are CodeFTW! Learn more and join us on Slack

How to Contribute with Ideas

Follow these steps:

Open an issue with what you think will be good to have
Mention any maintainer, @filipenevola, for instance
Discuss with the maintainer on the solution until you reach consensus
Let clear on the issue what is the result expected to consider this issue done

How to Contribute with Code

Follow these steps:

Open an issue with what you want to do and how you would do
Mention any maintainer, @filipenevola, for instance
Agree with the maintainer on the solution
Fork the repo
Be crystal clear that you will start to work on that
- it is important to avoid two people doing the same thing at the same time
Start a Pull Request
- watch how to do it in the first 15 minutes of this video
Send your code
- don't forget to format your code before commit and have zero eslint erros/warnings
- commit message should contains the issue id with #
- upgrade your fork to capture changes in the main project, check how to do it here
Warn the maintainer that you are done
Wait for the merge
Start again :)

Useful Links

Study Stack

Repo with links about Full Stack Future Web

future-web's People

Contributors

Stargazers

Watchers

Forkers

heldersi jessecarlos rafaspol filipenevola semateos alanddos denihs magonjr delacyr tgmarinho slimui fredgcosta davi1985 dandv ninjayoto henriettabuchanan iq6001

future-web's Issues

Use recompose to have pure components and branch HOC to have loading everywhere

use React hooks instead of class and recompose when is possible

We should use hooks because we enjoy functional programming.

When I run the meteor npm instart I receive the error MongoError: $set is empty

Console error:

MongoError: '$set' is empty. You must specify a field like so: {$set: {: ...}}
W20180316-11:22:05.218(-4)? (STDERR) at Function.MongoError.create (/home/tgmarinho/.meteor/packages/npm-mongo/.2.2.34.6z9stb.xt86g++os+web.browser+web.cordova/npm/node_modules/mongodb-core/lib/error.js:31:11)
W20180316-11:22:05.219(-4)? (STDERR) at toError (/home/tgmarinho/.meteor/packages/npm-mongo/.2.2.34.6z9stb.xt86g++os+web.browser+web.cordova/npm/node_modules/mongodb/lib/utils.js:139:22)

code where I have detected the error:
`Accounts.loginServiceConfiguration.upsert(
{
service: 'facebook',
},
{
$set: {
appId: Meteor.settings.public.FACEBOOK_APP_ID,

    secret: Meteor.settings.FACEBOOK_SECRET_KEY,
  },
}

);
});
`

Solution is execute $meteor --settings private/env/dev/settings.json for load the props every time...

There way for execute once time meteor --settings private/env/dev/settings.json and another times just meteor run ?

I think we need document it on the README.md

Add useful tests to examples/todo and setup it on CircleCI

Migrate to material-ui 1

Use React Router 4

update to meteor 1.8 and update libs

I am updating meteor and the libs -> material ui, react, and others that are out date.

Use case for Mutation

Clean Presentation component, move all HOCs from them to Container

The attribute "disablePast" in DatePicker just solve the problem of adding some date in the past.

I read in doc, have an attribute very nice, its not lets us add some date in the past.

Not working with meteor 1.8

Unexpected mongo exit code 62. Restarting.

Configure CORS

Add new methods to collections without using extends

Instead of extends Mongo.Collection is better to do with Object.assign

we don't need enhiritence to do that and with Object.assign WebStorm is auto completing correctly the methods.

const peopleCollection = new Mongo.Collection('people');

Object.assign(peopleCollection, {
   findByEmail() {
      .....
   }
});

export { peopleCollection as PeopleCollection };