111 |
112 | ### Backers
113 |
114 | Thank you to all our backers! [[Become a backer](https://opencollective.com/ran#backer)]
115 |
116 | 
117 |
118 | ### Sponsors
119 |
120 | Thank you to all our sponsors! (please ask your company to also support this open source project by [becoming a sponsor](https://opencollective.com/ran#sponsor))
121 |
122 | 
123 | 
124 | 
125 | 
126 | 
127 | 
128 |
129 | # App Showcase
130 |
131 | [WIP]
132 |
--------------------------------------------------------------------------------
/SUMMARY.md:
--------------------------------------------------------------------------------
1 | # Summary
2 |
3 | * [Read Me](README.md)
4 | * [Example](docs/Example.md)
5 | * [Support](docs/Support.md)
6 | * [Documentation](docs/README.md)
7 | * [Deployment](docs/Deployment/README.md)
8 | * [Now](docs/Deployment/with-now.md)
9 | * [Amazon \(AWS\)](docs/Deployment/aws.md)
10 | * [Heroku](docs/Deployment/heroku.md)
11 | * [Digital Ocean](docs/Deployment/digital-ocean.md)
12 | * [Architecture](docs/Architecture/readme.md)
13 | * [App and Fav Icons](docs/Architecture/app-and-fav-icons.md)
14 | * [Static HTML Export](docs/Architecture/static-html-export.md)
15 | * [Static Files](docs/Architecture/static-files.md)
16 | * [Environment Variables](docs/Architecture/environment-variables.md)
17 | * [Type Checking](docs/Architecture/type-checking.md)
18 | * [Commands](docs/Commands.md)
19 | * [Styling](docs/Styling.md)
20 | * [Routing](docs/Routing.md)
21 | * [Offline Support](docs/Offline.md)
22 | * [Helper Scripts](docs/Helper-scripts.md)
23 | * [Roadmap](docs/Roadmap.md)
24 | * [Contributing](docs/Contributing.md)
25 | * [Built with RAN!](docs/Built_with_ran.md)
26 | * [FAQ](docs/FAQ.md)
27 |
28 |
--------------------------------------------------------------------------------
/components/App.js:
--------------------------------------------------------------------------------
1 | // @flow
2 | import * as React from 'react';
3 | import PropTypes from 'prop-types';
4 | import { ThemeProvider, createGlobalStyle } from 'styled-components';
5 | import color from 'color';
6 | import themeList from '../libraries/theme';
7 | import { App as ThemedApp } from './Theme';
8 |
9 | let offlineInstalled = false;
10 |
11 | type Props = {
12 | children: React.Node,
13 | theme?: string
14 | };
15 |
16 | const GlobalStyle = createGlobalStyle`
17 | * {
18 | font-family: Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, serif;
19 | }
20 | body {
21 | margin: 0;
22 | padding: 0;
23 | }
24 | `;
25 |
26 | const App = ({ children, theme }: Props) => {
27 | const themeName = !themeList[theme] ? 'main' : theme;
28 | if (!themeList[themeName].helper) themeList[themeName].helper = color;
29 |
30 | if (process.env.OFFLINE_SUPPORT && process.browser && !offlineInstalled) {
31 | const OfflinePlugin = require('offline-plugin/runtime'); // eslint-disable-line global-require
32 |
33 | OfflinePlugin.install({
34 | onUpdateReady() {
35 | OfflinePlugin.applyUpdate();
36 | },
37 | onUpdated() {
38 | window.location.reload();
39 | }
40 | });
41 | offlineInstalled = true;
42 | }
43 |
44 | return (
45 | 
22 | 45 | 50 | {Post && Post.url} 51 | 52 |
53 |8 | Example app of RAN! In the interest of fostering an open and welcoming 9 | environment, we as contributors, maintainers and writers pledge to making 10 | participation in our project and our community a harassment-free 11 | experience for everyone, regardless of age, body size, disability, 12 | ethnicity, gender identity and expression, level of experience, 13 | nationality, personal appearance, race, religion, or sexual identity and 14 | orientation. Please be kind and careful when you write something here. It 15 | is just showing how RAN! works on production. These posts are not related 16 | to RAN, Author of RAN, Contributors and Maintainers. Thank you for being 17 | kind, funny and awesome. For details, Please{' '} 18 | 23 | click here. 24 | 25 |
26 |