michaelrambeau

A basic example using a simple HTML page with some old-fashioned script tags (no ES6, no building process)

GOAL: display the list of projects from bestof.js.org

├── index.html
└── js
    ├── app.js
    ├── components.js

michaelrambeau

Here we are talking about solutions to build web applications from the back-end side (including the database and the web server) to the front-end layer using only one language (JavaScript).

Let's face the truth: unlike other categories like front-end frameworks, there are very very few contenders in this category where Meteor is the king. We could mention DerbyJS as a contender but it has little traction.

Interest - satisfaction

In this category, Meteor is the pionner, with an active community and a strong eco-system, so it's not a surprise that it's known by 90% of people who anwsered the survey.

Meteor may be the most popular solution (more than 35,000 stars on Github), the "MEAN" (Mongo + Express + AngularJS + node.js) stack was used by almost twice more users in our survey (3000 vs 1700).

michaelrambeau

const App = React.createClass({
  mixins: [ReactFireMixin],
  increment() {
    this.setState({counter: this.state.counter + 1})
  },
  reset() {
    this.setState({counter: 0})
  },
  render() {
    return (

michaelrambeau

// node.js server used to serve assets bundled by Webpack
// use `npm start` command to launch the server.
const webpack = require('webpack');
const WebpackDevServer = require('webpack-dev-server');
const config = require('../../config/webpack.local.config');
console.log('Starting the dev web server...');
const port = 8080;
const path = require('path');

const options = {

michaelrambeau

          <tbody>
            { entries.map( function (entry, i) {
              return(<RestoreLogList.Entry
                entry={ entry }
                key={ i }
              />);
            }

michaelrambeau

var MyComponent = React.createClass({

  getDefaultProps: function() {
    return {
      title: 'My defaut title'
    };
  },

  getInitialState: function() {
    return {

michaelrambeau

	//users authenticated from passport have no password.
	var passwordField = list.schema.paths.password;
	passwordField.options.required = false;
	passwordField.isRequired = false;