tannerlinsley

Replacing Create React App with the Next.js CLI

How dare you make a jab at Create React App!?

Firstly, Create React App is good. But it's a very rigid CLI, primarily designed for projects that require very little to no configuration. This makes it great for beginners and simple projects but unfortunately, this means that it's pretty non-extensible. Despite the involvement from big names and a ton of great devs, it has left me wanting a much better developer experience with a lot more polish when it comes to hot reloading, babel configuration, webpack configuration, etc. It's definitely simple and good, but not amazing.

Now, compare that experience to Next.js which for starters has a much larger team behind it provided by a world-class company (Vercel) who are all financially dedicated to making it the best DX you could imagine to build any React application. Next.js is the 💣-diggity. It has amazing docs, great support, can grow with your requirements into SSR or static site generation, etc.

So why

diego3g

module.exports = {
  env: {
    browser: true,
    es6: true,
    jest: true,
  },
  extends: [
    'react-app',
    'airbnb',
    'plugin:@typescript-eslint/recommended',

hellendag

// @flow

type ResolvedScalar = string | number | boolean | null;
type ResolvedValue =
  | ResolvedScalar
  | Array<ResolvedValue>
  | {[key: string]: ResolvedValue};
type ResolverFunction = (...args: Array<any>) => ResolvedValue;

export type ResolverMap = {

eminetto

Desenvolvedor Frontend

Requisitos

• Conhecimento prático em HTML5 e CSS3 Responsivo
• Conhecimento avançado de JavaScript
• Desenvolvimento cross-plataforma e testes cross-browser
• Confortável trabalhando com o controle de versão (Git)
• Capacidade de trabalhar de forma independente com uma supervisão mínima

diegoarcega

https://coderwall.com/p/fasnya/add-git-branch-name-to-bash-prompt

adding this to .bashrc:

parse_git_branch() {
     git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/ (\1)/'
}
export PS1="\u@\h \[\033[32m\]\w\[\033[93m\]\$(parse_git_branch)\[\033[00m\] $ "

azu

Edit: 2016-05-11

Name	Example	ECMAScript	TypeScript	Babel
Class decorator	@Component()	Stage 1	Yes	Yes
Property decorator	@Input()	Stage 1

sammylupt

var npm = require("npm");
var fs = require("fs-extra");
var chokidar = require("chokidar");

var packagePaths = [
  "../mobile-app/node_modules/shared-package/lib",
  "../web-app/node_modules/shared-package/lib",
];

var noop = () => {};

subfuzion

Common Options

-#, --progress-bar Make curl display a simple progress bar instead of the more informational standard meter.

-b, --cookie <name=data> Supply cookie with request. If no =, then specifies the cookie file to use (see -c).

-c, --cookie-jar <file name> File to save response cookies to.

gaearon

import React, { Component } from 'react';
import { createStore, combineReducers, applyMiddleware, bindActionCreators } from 'redux';
import { provide, connect } from 'react-redux';
import thunk from 'redux-thunk';

const AVAILABLE_SUBREDDITS = ['apple', 'pics'];

// ------------
// reducers
// ------------

mulhoon

$('#container').highcharts({
    chart: {
      alignTicks: true,           // When using multiple axis, the ticks of two or more opposite axes will automatically be aligned by adding ticks to the axis or axes with the least ticks.
      animation: true,            // Set the overall animation for all chart updating. Animation can be disabled throughout the chart by setting it to false here.
      backgroundColor: '#FFF',    // The background color or gradient for the outer chart area.
      borderColor: '#4572A7',     // The color of the outer chart border.
      borderRadius: 5,            // The corner radius of the outer chart border. In export, the radius defaults to 0. Defaults to 5.
      borderWidth: 0,             // The pixel width of the outer chart border.
      className: null,            // A CSS class name to apply to the charts container div, allowing unique CSS styling for each chart.
      defaultSeriesType: 'line',  // Alias of type.