Skip to content

Instantly share code, notes, and snippets.

View smontlouis's full-sized avatar

Montlouis-Calixte Stéphane smontlouis

  • Freelance
  • Annecy
View GitHub Profile
/* EXAMPLE 2 */
//Parent component
class App extends React.Component {
render() {
return <div>
<First/>
<Second />
</div>;
// import favicon from 'serve-favicon';
import compression from 'compression';
import config from '../config';
import esteHeaders from '../lib/estemiddleware';
import express from 'express';
import intlMiddleware from '../lib/intlmiddleware';
import render from './render';
import userState from './userstate';
import fetchData from './fetchData';
import Promise from 'bluebird';
import Immutable from 'immutable';
import Router from 'react-router';
import Flux from '../../client/lib/flux/flux';
import store from '../../client/app/store';
import initialState from '../initialstate';
import stateMerger from '../lib/merger';
import routes from '../../client/routes';
import allActions from '../../client/app/allActions';
import APIUtils from '../../client/libs/APIUtils';
<App>
<Component>
<Component2>
<Component3>
<Child/>
</Component3>
</Component2>
</Component>
</App>
{
"name": "este-app",
"description": "Robust and comfortable dev stack for isomorphic web apps",
"author": "Daniel Steigerwald",
"version": "9.2.0",
"private": true,
"scripts": {
"postinstall": "cd node_modules/material-ui && npm install && npm uninstall react && gulp build --production",
"start": "node src/server",
"test": "gulp test",
export function loadAllTodos() {
const promise = new Promise((resolve, reject) => {
Api.get()
.then(res => {
resolve(res);
})
.catch(err => {
reject(err);
})
import glamorous from 'glamorous'
const Row = glamorous.div(({ extended }) => ({ // THIS IS OK
position: 'relative',
maxWidth: extended ? 1330 : 1200,
margin: '0 auto',
boxsizing: 'border-box',
display: 'flex',
flexDirection: 'row',
flexWrap: 'wrap',
@smontlouis
smontlouis / Component.js
Last active September 11, 2022 11:13
React Native - Fixed header/footer disappearing on scroll
import React, { PropTypes, Component } from 'react'
import {
Animated,
ScrollView,
Text,
View,
} from 'react-native'
import EStyleSheet from 'react-native-extended-stylesheet'
const styles = EStyleSheet.create({
const lunr = require('lunr')
require('lunr-languages/lunr.stemmer.support')(lunr)
require('lunr-languages/lunr.fr')(lunr)
require('./lunr.unicodeNormalizer')(lunr)
var idx = lunr(function () {
this.use(lunr.fr)
this.use(lunr.unicodeNormalizer)
...
@smontlouis
smontlouis / SeemlessLooper.ts
Last active September 19, 2023 15:50
seemless / gapless loop crossfade solution with expo-av
import {
AVPlaybackSource,
AVPlaybackStatus,
AVPlaybackStatusError,
AVPlaybackStatusSuccess,
Audio,
} from 'expo-av'
const FADE_DURATION = 4000