Skip to content

Instantly share code, notes, and snippets.

View mattvagni's full-sized avatar

Mathias Vagni mattvagni

40 followers · 8 following
View GitHub Profile
@mattvagni
mattvagni / Base TSConfig
Last active August 31, 2023 13:45
{
"$schema": "https://json.schemastore.org/tsconfig",
"compilerOptions": {
"target": "es2020",
"module": "commonjs",
"lib": [
"es2020"
],
"incremental": true,
"noEmit": true,
@mattvagni
mattvagni / rollup-typescript.md
Created May 7, 2023 18:23 — forked from aleclarson/rollup-typescript.md
The best Rollup config for TypeScript libraries

Features

🔥 Blazing fast builds
😇 CommonJS bundle
🌲 .mjs bundle
✨ .d.ts bundle + type-checking
🧐 Source maps

Install

@mattvagni
mattvagni / foo.jsx
Created July 1, 2020 15:03
import React from "react";
import Recipe from "./recipe";
export default function recipeTemplate(props) {
console.log(props)
return (
<section>
<Recipe
title={props.pageContext.recipe.title}
@mattvagni
mattvagni / gist:6e27bf5fdd2b57a74466f8f04be52dd3
Created March 13, 2019 18:33
stuff
Theme:
https://marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme
#-------------------------------------------------------------------------------
# Make the default prompt with our custom colors
#-------------------------------------------------------------------------------
BLACK=$(tput setaf 0)
RED=$(tput setaf 1)
GREEN=$(tput setaf 2)
YELLOW=$(tput setaf 3)
@mattvagni
mattvagni / .bash_profile
Last active June 5, 2017 10:14
ma bash_profile
#-------------------------------------------------------------------------------
# Make the default prompt with our custom colors
#-------------------------------------------------------------------------------
BLACK=$(tput setaf 0)
RED=$(tput setaf 1)
GREEN=$(tput setaf 2)
YELLOW=$(tput setaf 3)
BLUE=$(tput setaf 4)
MAGENTA=$(tput setaf 5)
CYAN=$(tput setaf 6)
@mattvagni
mattvagni / syntax-highlighting-jsx-jekyll-example.scss
Last active May 31, 2017 10:59
Syntax highlighting theme which works for JSX in Jekyll, Pygmentize etc.
$color00: #1B2B34;
$color01: #CDD3DE;
$color02: #93a1a1;
$color03: #99C794;
$color04: #EC5F67;
$color05: #FAC863;
$color06: #C594C5;
$color07: #6699CC;
$color08: #b58900;
@mattvagni
mattvagni / watch-for-changes.js
Created January 15, 2017 17:50
"scripts": {
"build:client": "webpack --config webpack.config.js",
"build:server": "BABEL_ENV=server babel src --out-dir ./build/server",
"watch:client": "npm run build:client -- --watch",
"watch:server": "npm run build:server -- --watch"
}
@mattvagni
mattvagni / prefixed-css.css
Created January 15, 2017 17:35
._6de768fc {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
._8e1229bd {
color: red; }
._8e1229bd :hover {
color: green; }
@mattvagni
mattvagni / postcss-config.js
Created January 15, 2017 17:33
const autoprefixer = require('autoprefixer');
module.exports = {
plugins: [
autoprefixer({
browsers: [
'last 2 versions',
'IE >= 9',
'safari >= 8'
]
@mattvagni
mattvagni / webpack-css-postcss-loader.js
Last active January 15, 2017 17:32
{
test: /\.scss$/,
loader: ExtractTextPlugin.extract({
loader: [
{
loader: 'css-loader',
query: {
localIdentName: '[hash:8]',
modules: true
}