preact-boilerplate - :guitar: Ready-to-rock Preact starter project, powered by Webpack.

  •        21

Ready-to-go Preact starter project powered by webpack.

https://preact-boilerplate.surge.sh
https://github.com/developit/preact-boilerplate

Tags
Implementation
License
Platform

   




Related Projects

preact-hn - Demonstration of Preact used to build Hacker News as a PWA.


This is an example of a PWA built using Preact, Webpack, and some small opinions. Please do not think of this as the way to build your application. Instead, view this as an example of some concepts used in modern web applications (sw, h2, h2push). I've focused mostly on first initial load performance, with the small caveat of using Webpack instead of Rollup. I'd like the route based code splitting to provide a extensible model for keeping initial view rendering costs low.

decss - 🎨 Converts CSS modules into components 👩‍🎨


decss converts CSS modules into React/Preact components. Thanks to simple CSS class naming convention it generates enum and boolean props for the component automatically so you can keep your code clean and tidy. The runtime size is exactly 673 B.

nwb - A toolkit for React, Preact, Inferno & vanilla JS apps, React libraries and other npm modules for the web, with no configuration (until you need it)


Installing globally provides an nwb command for quick development and working with projects. Using npm >= 3 is recommended, as Babel takes significantly more time and disk space to install with npm 2 due to its lack of deduplication.

razzle - ✨ Create server-rendered universal JavaScript applications with no configuration


Universal JavaScript applications are tough to setup. Either you buy into a framework like Next.js or react-server, fork a boilerplate, or set things up yourself. Aiming to fill this void, Razzle is a tool that abstracts all complex configuration needed for SSR into a single dependency--giving you the awesome developer experience of create-react-app, but then leaving the rest of your app's architectural decisions about frameworks, routing, and data fetching up to you. With this approach, Razzle not only works with React, but also Reason, Elm, Vue, Angular, and most importantly......whatever comes next.Below is a list of commands you will probably find useful.


aspnet-starter-kit - Cross-platform web development with Visual Studio Code, C#, F#, JavaScript, ASP


ASP.NET Core Starter Kit is a real-world boilerplate and tooling for creating single-page web applications (SPA) oriented towards progressive enhancement design, cross-platform compatability and component-based UI architecture. It is built upon best of breed technologies including .NET Core, Kestrel, EF Core, Babel, Webpack, React, Redux, CSS Modules, React Hot Loader and more. This boilerplate comes in both C# and F# flavors.The app should become available at http://localhost:5000/. See run.js for other available commands such as node run build, node run publish etc. You can also run your app in a release (production) mode by running node run --release, or without Hot Module Replacement (HMR) by running node run --no-hmr.

jsxstyle - Inline style system for React and Preact


This repository is the monorepo for runtime versions jsxstyle as well as a few tools designed to be used with jsxstyle. jsxstyle is an inline style system for React and Preact. It provides a best-in-class developer experience without sacrificing performance, and has little regard for existing CSS orthodoxy.

frontend-boilerplate - webpack-react-redux-babel-autoprefixer-hmr-postcss-css-modules-rucksack-boilerplate (unmaintained, I don't use it anymore)


I don't use this anymore, it's unsupported, use https://github.com/mozilla-neutrino/neutrino-dev.A boilerplate of things that mostly shouldn't exist.

react-starter-kit - React Starter Kit — isomorphic web app boilerplate (Node


React Starter Kit is an opinionated boilerplate for web development built on top of Node.js, Express, GraphQL and React, containing modern web development tools such as Webpack, Babel and Browsersync. Helping you to stay productive following the best practices. A solid starting point for both professionals and newcomers to the industry.

PREACT - Fast 3kB alternative to React, with the same ES2015 API


PREACT is a fast 3kB alternative to React, with the same ES2015 API. It provides the thinnest possible Virtual DOM abstraction on top of the DOM. The web is a stable platform, it's time we stopped reimplementing it in the name of safety. Preact is also a first-class citizen of the web platform. It diffs Virtual DOM against the DOM itself, registers real event handlers, and plays nicely with other libraries.

poi - :zap: Delightful web development.


Start writing an app with a single .js file, Poi could handle all the development setups for you, no more configuration hell.Note: You need to install react react-dom and run Poi with --jsx react flag. For convenience, here's also poi-preset-react which adds both React JSX and React HMR support.

universal-redux-template - A clean, extensible react + redux boilerplate with universal/isomorphic rendering, testing and more


To bootstrap a React app development environment is not an easy task, there are so many libraries to setup, including webpack, babel, testing stuff and others. I'd like this boilerplate to be a ready-to-use one with the essential tools and the simplest logic that just work to build a universal rendering React + Redux app. That's why there is no fancy stuff in this app, since it's a basis of your killer app rather than a showcase one.

unistore - 🌶 650b state container with component actions for Preact & React


A tiny ~650b centralized state container with component bindings for Preact & React. This project uses node and npm. Go check them out if you don't have them locally installed.

Seaside - Web framework for Smalltalk platforms


Seaside provides a layered set of abstractions over HTTP and HTML that let you build highly interactive web applications quickly, reusably and maintainably. It is based on Smalltalk, a proven and robust language that is implemented by different vendors.

html5-boilerplate - A professional front-end template for building fast, robust, and adaptable web apps or sites


HTML5 Boilerplate is a professional front-end template for building fast, robust, and adaptable web apps or sites. This project is the product of years of iterative development and community knowledge. It does not impose a specific development philosophy or framework, so you're free to architect your code in the way that you want.

vue-express-mongo-boilerplate - :star: MEVN Full stack JS web app boilerplate with NodeJS, Express, Mongo and VueJS


This is a full stack webapp boilerplate project with VueJS + ExpressJS + MongoDB. It is NOT an out-of-box project. I make it in order to create an up-to-date starter repo which contains all important functions (user signup, login, oauth, profile, ...etc) except the business-logic. So when neccessary I can create a new webapp and only need to develop the business logic.

victor-hugo - Victor Hugo is a Hugo boilerplate for creating truly epic websites!


This is a boilerplate for using Hugo as a static site generator and Gulp + Webpack as your asset pipeline.Victor Hugo setup to use PostCSS and Babel for CSS and JavaScript compiling/transpiling.

react-css-components - Define React presentational components with CSS


Define React presentational components with CSS (or even SASS or Less if you like). The implementation is based on CSS modules. In fact React CSS Components is just a thin API on top of CSS modules.