persianturtle / Reason App Shell Starter Kit
Licence: mit
A simple App Shell starter kit that you can use to get started building your PWA with ReasonML & ReasonReact.
Stars: ✭ 49
Programming Languages
reason
219 projects
Projects that are alternatives of or similar to Reason App Shell Starter Kit
Steroidesign
Themes based on the biggest StartUps (buttons, color palette, components, etc.) ready to use in your own projects.
Stars: ✭ 786 (+1504.08%)
Mutual labels: starter-kit, sass, styled-components
Generator Ngx Rocket
🚀 Extensible Angular 11+ enterprise-grade project generator
Stars: ✭ 1,329 (+2612.24%)
Mutual labels: starter-kit, sass, pwa
Meteor Apollo Starter Kit
Meteor, Apollo, React, PWA, Styled-Components boilerplate
Stars: ✭ 91 (+85.71%)
Mutual labels: starter-kit, pwa, styled-components
Webxr Webpack Boilerplate
Starter Kit for building rich, immersive WebXR projects (featuring A-Frame) PWA with Webpack and SASS
Stars: ✭ 48 (-2.04%)
Mutual labels: starter-kit, sass, pwa
Gulp Scss Starter
Frontend development with pleasure. SCSS version
Stars: ✭ 339 (+591.84%)
Mutual labels: starter-kit, sass
Create React Redux App
This project was bootstrapped with Create React App and Redux, Sass Structure.
Stars: ✭ 46 (-6.12%)
Mutual labels: starter-kit, sass
Preact Cli
😺 Your next Preact PWA starts in 30 seconds.
Stars: ✭ 4,510 (+9104.08%)
Mutual labels: starter-kit, pwa
Redux Webpack Es6 Boilerplate
A starter project for modern React apps with Redux
Stars: ✭ 566 (+1055.1%)
Mutual labels: starter-kit, sass
Vscode Stylelint
A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint
Stars: ✭ 260 (+430.61%)
Mutual labels: sass, styled-components
Naomi
Sublime Text enhanced syntax highlighting for JavaScript ES6/ES7/ES2015/ES2016/ES2017+, Babel, FlowType, React JSX, Styled Components, HTML5, SCSS3, PHP 7, phpDoc, PHPUnit, MQL4. Basic: Git config files.
Stars: ✭ 544 (+1010.2%)
Mutual labels: sass, styled-components
Primitive
⛏️ A front-end design toolkit for developing web apps.
Stars: ✭ 783 (+1497.96%)
Mutual labels: starter-kit, sass
Pug Starter
Simple pug (jade) starter [framework] enabling faster delivery of HTML & CSS projects to a private server and/or automatic deployment of GitHub pages.
Stars: ✭ 328 (+569.39%)
Mutual labels: starter-kit, sass
Styled Components Theme
Defines themes via flexible color selectors for use with styled-components
Stars: ✭ 302 (+516.33%)
Mutual labels: sass, styled-components
Preact Starter
Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact
Stars: ✭ 384 (+683.67%)
Mutual labels: starter-kit, pwa
Ssr Sample
A minimum sample of Server-Side-Rendering, Single-Page-Application and Progressive Web App
Stars: ✭ 285 (+481.63%)
Mutual labels: pwa, styled-components
Webpack Starter Basic
A simple webpack starter project for your basic modern web development needs.
Stars: ✭ 552 (+1026.53%)
Mutual labels: starter-kit, sass
Wordpress Starter
📦 A starter template for WordPress websites
Stars: ✭ 26 (-46.94%)
Mutual labels: starter-kit, sass
React Pwa Webpack Starter
Boilerplate to build a React PWA with Webpack + Workbox
Stars: ✭ 38 (-22.45%)
Mutual labels: sass, pwa
react-template
An enterprise react template application showcasing - Testing strategy, Global state management, middleware support, a network layer, component library integration, localization, PWA support, route configuration, lazy loading and CI/CD
Stars: ✭ 44 (-10.2%)
Mutual labels: pwa, styled-components
What's New?
- upgraded to use the Hooks API
CSS Flavors
Description
This project exists to provide a simple example to help you get started building your ReasonReact web application. It's purposely kept small and simple to be easy to follow and change as needed.
Getting Started
npm install
npm start
This will start both bsb and webpack-dev-server (via the cross platform npm-run-all).
Demo
Tutorial
Building an App Shell (warning: this is somewhat out of date)
Motivation
In my journey to Reason, I was searching for an example ReasonReact web app that demonstrated how to set up things like routing and bsb/webpack configurations. I couldn't find any and decided to share this to help others on their journey.
What's Inside
- Routing via ReasonReact's Router (and thanks to @thangngoc89 for his excellent gist example)
- Route transitions (via bindings to ReactTransitionGroup)
- A navigation drawer that, when open, responds to touch—so you're free to use swiping gestures in your app
- Simple, cross platform
bsb&webpackconfigurations - workbox for service worker generation
- Multiple flavors of CSS depending (currently styled-components, bs-css, and Sass)
UI Inspiration
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].