Sara Vieira SaraVieira

Frontend Development

Attention: the list was moved to

https://github.com/dypsilon/frontend-dev-bookmarks

This page is not maintained anymore, please update your bookmarks.

Why is command x is in the Readme but it doesn't work ?

The Readme in Github points to master in preact-cli and that is the development branch so it's possible that some commands may still not be available in the last version but as soon as there is a bump in the version they will available. You can always rely on the Readme in NPM.

How do I modify SW config ?

We have a plugin for that preact-cli-sw-precache and this allows you customize SW as you please.

	// -- hyper-stylesheet-hash:3668d1255e9fc3fde9cd8c87cbdeb358 --
	module.exports = {
	config: {
	// default font size in pixels for all tabs
	fontSize: 12,

	// font family with optional fallbacks
	fontFamily: 'Menlo, "DejaVu Sans Mono", "Lucida Console", monospace',

	// terminal cursor background color and opacity (hex, rgb, hsl, hsv, hwb or cmyk)

	import React from 'react';
	import styled from 'styled-components';

	const Section = styled.main`
	display: flex;
	flex-direction: column;
	background: #fff;
	`;

	const Paragraph = styled.p`

	import styled from 'styled-components';

	export const Section = styled.main`
	display: flex;
	flex-direction: column;
	background: #fff;
	`;

	export const Paragraph = styled.p`
	font-size: 14px;

	import React from 'react';
	import styled from 'styled-components';

	import { Section, Paragraph } from './style.js';

	const Button = styled.button`
	display: inline-block;
	border-radius: 3px;
	padding: 0.5rem 0;
	margin: 0.5rem 1rem;

	Buttons
	Drop-down button
	Weather widget

	body * { border-radius: 4px; }
	img { border-radius: 50%; }