With Meteor new separating their accounts logic from Blaze, you might be wondering how to get your React Meteor app wired up to log users in and register new users. What I usually do, is completely throw out the Blaze Account UI template that is usually provided and instead role my own. The Login Form […]Continue reading "Writing Your Own Authentication React Components for Meteor"
Flux is an application architcture invented by Facebook that is specifically for building client-side web applications. However, this application architecture can also be applied to React Native and the same methodologies can be applied to any rendering engine. The main goal of Flux is that data flows one way. Data Flow Hacker Way: Rethinking Web App […]Continue reading "An Introduction to Flux"
The awesome folks at Kadira have made an NPM module that let’s you create React containers and feed data into components. When you are writing React components, a good way of making sure that your components are efficient is by removing as much state as possible and to only pass in the props that are […]Continue reading "React Containers the Kadira Way"
In our last article, we went over peer to peer (P2P) connections and how we can leverage WebRTC for sending data between two browsers. We will now apply this knowledge and create a P2P chat room where none of the data sent between the two browsers is stored except for on the client’s machines themselves. The Chat […]Continue reading "Creating a P2P Chat Room Using Meteor"
React is a framework developed by Facebook that allows you to break up your view/presentation layer into components. These components are self-contained, self-handling, and deterministic, which allows for easy testing and less mental load on the developers working on them. React acts as the view/presentation layer of your application. A simple React component will look something […]Continue reading "React with Meteor"
Meteor is an amazing platform for you to build and deploy a web application, iOS, and Android app. Getting started with Meteor is easy thanks to the plethora of tutorials and the helpful community surrounding it. This presentation focuses less on the coding aspect of Meteor, and more on the thought process behind planning […]Continue reading "Prototyping Your App With Meteor"
Last time, we talked about how to implement data stores in our React application. In this article, we will go over how to make a data store reactive and have it sync with a Mongo database. One of the advantages of using a data store is the separation of concerns between the view and business […]Continue reading "Reactive Stores with React"
If you use React, the you have probably heard of data stores as a means of separating out your data and business logic from your views (or if you haven’t looked into React, you can read our article on how to Think in React). Separating your data from your views is definitely a great step […]Continue reading "Data Stores and React in Meteor"
The goal with creating the React BEM package is to take the work at cuzzo/react-bem and integrate it into Meteor. By using this code, we are able to use automatically generated BEM class names in our React components. So we can use SCSS and still write BEM code without having to waste time actually adding the BEM […]Continue reading "Creating Meteor Packages – capsulecat:react-bem"