ShaiqAhmedkhan

import 'package:flutter/material.dart';
import 'package:flutter_animated_bottom/custom_animated_bottom_bar.dart';

class MyHomePage extends StatefulWidget {

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {

marquesm91

Configuração de testes unitários (unit)

Será usado o jest para testes unitários de frontend. É uma lib bem documentada, completa e existem diversos exemplos na internet para facilitar no aprendizado.

Para isso, instalaremos o Jest e mais algumas libs extras para permitir testes com o Vue, além de alguns extras para melhorar a experiência durante o desenvolvimento.

# Libs necessárias para rodar testes unitários com Vue e Jest
npm install --save-dev jest jest-serializer-vue babel-jest @babel/core @babel/preset-env vue-jest babel-core@bridge jest-watch-typeahead identity-obj-proxy

marquesm91

Lint durante o desenvolvimento

Para uma melhor experiência em desenvolvimento com Vue, Prettier e Eslint foi proposta essa configuração

# Instalar as dependencias necessárias
npm install --save-dev eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue

Para uma melhor experiência com o VSCode instale as extensões: Prettier, Eslint e Vetur. Adicione no settings.json do VSCode:

lmiller1990

<template>
  <div id="app">
		<p>
			Pending: {{ $store.state.getInfoPending }}
		</p>
		<p>
			{{ $store.state.getInfoData }}
		</p>
  </div>
</template>

UnbrandedTech

'use strict'

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import { Table, Menu, Icon, Segment, Input } from 'semantic-ui-react'
import capitalize from 'lodash/capitalize'
import flatten from 'lodash/flatten'
import orderBy from 'lodash/orderBy'
import debounce from 'lodash/debounce'

cschmidli

import * as React from 'react';
import * as hash from 'object-hash';
import { 
    TableProps, 
    Table,
    TableBody,
    TableCell, 
    TableFooter,
    TableHeaderCell,

sproogen

<template>
  <div>
    <input v-validate data-rules="required" :class="{'has-error': errors.has("textInput")}" id="textInput" name="textInput" type="text">
    <span class="error" v-show="errors.has("textInput")">{{ errors.first("textInput") }}</span>
  </div>
</template>

<script>
  import { find, propEq } from 'ramda'
  import bus from './bus'

jherax

type FilterOperator = 'AND' | 'OR';
type FiltersBy<T> = {
  [K in keyof T]?: (value: T[K]) => boolean;
};

/**
 * Factory function that creates a specialized function to filter
 * arrays, by validating all filters (AND operator),
 * or validating just one of the filters (OR operator).
 * @param operator Method to validate all filters: AND, OR

xVir

let apiaiRequest = apiAiService.textRequest(text,
{
     sessionId: sessionIds.get(sender),
     contexts: [
      {
        name: "generic",
        parameters: {
            facebook_user_id: sender
        }
      }

BrianGenisio

import angular from 'angular';
import { StyleSheet, css } from 'aphrodite';

import '../style/app.css';

const styles = StyleSheet.create({
    red: {
        backgroundColor: 'red'
    },