This is a guide to configure React Native to be built for native and web platforms with Typescript, Vite.js and Storybook support for modelling components.
Aurélien Boquet billouboq
insertish
/ React Native.md
Last active
August 19, 2025 05:17
Configure React Native with Typescript, Vite.js for react-native-web and Storybook.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const fs = require('fs'); | |
| const puppeteer = require('puppeteer'); | |
| const GIFEncoder = require('gifencoder'); | |
| const PNG = require('png-js'); | |
| function decode(png) { | |
| return new Promise(r => {png.decode(pixels => r(pixels))}); | |
| } |
ebidel
/ coverage.js
Last active
October 18, 2025 09:48
CSS/JS code coverage during lifecycle of page load
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Moved to https://github.com/ebidel/puppeteer-examples |
Vue.js is an amazing framework, which can be as powerful as Angular or React, the two big heavy hitters in the world of front-end frameworks.
However, most of Vue's ease-of-use is due to the use of Observables - a pattern that triggers re-renders and other function calls with the reassignment of a variable.
paulmelnikow
/ shadows.scss
Last active
August 22, 2022 15:35
Sass Mixin: Google Material Design Shadow
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /** | |
| * A mixin which helps you to add depth to elements according to the Google Material Design spec: | |
| * http://www.google.com/design/spec/layout/layout-principles.html#layout-principles-dimensionality | |
| * | |
| * Please note that the values given in the specification cannot be used as is. To create the same visual experience | |
| * the blur parameter has to be doubled. | |
| * | |
| * Adapted from a LESS version at https://medium.com/@Florian/freebie-google-material-design-shadow-helper-2a0501295a2d | |
| * | |
| * Original Author: Florian Kutschera (@gefangenimnetz), Conceptboard GmbH (@conceptboardapp) |