View never.elm
-- this can be compiled
neverText : Html Never
neverText = text "never dispatch message"
-- this can not be compiled
htmlNever : Html msg -> Html Never
htmlNever elem = elem
View draganddrop.html
<html>
<head>
<style>
.parent {
width: 300px;
height: 300px;
background: black;
padding: 100px;
}
.draggable {
View App.elm
module App exposing (..)
import Html exposing (Html, div, text, program)
-- MODEL
type alias Model =
String
View indexOf.elm
module Hello exposing (..)
import Html exposing (text)
import List exposing (take, drop, head)
indexOf : a -> List a -> Int
indexOf target list =
let
f target n list =
View decoration.jsx
// Aはpropsで装飾用のコンポーネントを受け取りたい
// ただし、装飾用のコンポーネントが必要とするpropsについては関知したくない
function A(props) {
const Decorator = props.decorator;
return (
<div>
<Decorator {...props.decoratorProps}>TEST</Decorator>
</div>
);
}
View decoration.jsx
// Aはpropsで装飾用のコンポーネントを受け取りたい
// ただし、装飾用のコンポーネントが必要とするpropsについては関知したくない
function A(props) {
const Decorator = props.decorator;
return (
<div>
<Decorator>TEST</Decorator>
</div>
);
}
View jquery-selectmenu.js
Vue.component('jquery-selectmenu', {
props: ['value'],
template: `<select><slot /></select>`,
mounted: function() {
const emit = value => this.$emit('input', value);
$(this.$el).selectmenu({
change: function(event, data) {
emit(data.item.value);
}
});
View gflw_template.c
// gcc hello_opengl.c -o hello_opengl -lglfw -framework OpenGL
#include <GLFW/glfw3.h>
int main(void)
{
GLFWwindow* window;
/* Initialize the library */
if (!glfwInit())
return -1;
View plan.md

Rails5.1でReact Todo MVC

読者はwebpackerのREADMEを読んでないと仮定。

入れるもの

  • redux
  • flowtype
  • eslint
  • reducerのテスト
View GraphQL-meetup.md