Giter VIP home page Giter VIP logo

meteor-react-boilerplate's Introduction

meteor-react-boilerplate

A starter project for React & Meteor

This repo aims to get you up and running with with React with little effort. It has sane defaults that most apps will use (router, accounts).

Most of the content is in the 'imports' folder so that we can so serverside rendering more easily. Here's the rundown on what's included.

For an in-depth example of how to use Meteor with React see React-ive Meteor. For flux support see the Flux Leaderboard example app.

APIs & Packages

NPM

Components

  • Header
  • LoginButtons

Models

Pages/Routes

  • Home, About
  • Not Found
  • Main Layout

meteor-react-boilerplate's People

Contributors

adambrodzinski avatar arunoda avatar mfuezesi avatar sys13 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

meteor-react-boilerplate's Issues

"Both" folder

"This repo aims to get you up and running with sane defauts. Most of the content is in the 'both' folder so that we can so serverside rendering more easily."

No "both" folder available after running. Did this change?

How can I "skin" LoginButtons to a bootstrap theme?

Hi Adam,

great boilerplate here! I have been using the blaze-react-component module too for loginButtons but this gets to be a problem as you start applying any sort of styling on to the app as the loginButtons don't change from their "Blazey" look. In particular I am interested in having a "bootstrappy" look for my loginButtons. Do you know if a React-style version of loginButtons exists or any interest in creating one?

thanks!
Shawn

I can't seem to redirect using rr4

I posted this question on SO after watching your VIDEOS series in which you were using FlowRouter with react router. However, this repo migrated to rr4 and I am trying to get a redirect onSubmit but it doesnt seem to work.
Route redirects are working fine, as in user cannot access register/login when already loggedin, but when on the login page, user is not redirected.
There isnt a FlowRouter.go() equivalent in rr4 and I am forced to put the login check logic within the component and force rerender with react's this.forceUpdate() - which doesn work for me
here is the SO question

Loading client side react-components on the server?

Hi Adam,

Thanks for this. Whilst I've used Meteor before, this is my first time using React + Meteor. This boilerplate has generally been quiet useful to get started quickly, with just enough examples on the way through to see where to go.

I have a question about the use of Browserify and server side rendering...

Components are defined on both the server and client, which makes sense to allow server side rendering (although I'm not using that currently), but browserify only installs react-components on the client, since its defined in client/lib/. This caused an error on the server, since the react-components did not exist there.

My particular use case is trying to get the React Drop and Drag module set up.

[client/lib/app.browserify.js]

DragDropContext = require('react-dnd').DragDropContext; 
HTML5Backend = require('react-dnd-html5-backend');

Then wrap the MainLayout component in the higher-level DragDropContext (as per their instructions).

[both/pages/MainLayout.jsx]

 MainLayout = DragDropContext(HTML5Backend)(MainLayout);

The server throws an error the 'HTML5Backend' is not defined.

Moving these component definitions inside client/ seems to have worked though.

Have I totally missed something?

Thanks

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.