awesomedribble

This a project for DribbleClient PWA
https://github.com/sauravdroid/awesomedribble

Last synced: 23 days ago
JSON representation

Adding a CSS Preprocessor (Sass, Less etc.)

`Button.js`

#1891
#1939

Adding a Stylesheet

`Button.js`

here

With React Router

Webpack

Adding Bootstrap

Using a Custom Theme

customized Bootstrap

When to Use the `public` Folder

`App.js`

Adding Custom Environment Variables

Adding Development Environment Variables In `.env`

dotenv documentation

Using a Custom Theme

exposing a private key on the machine that could have the same name

Adding Flow

Using a Custom Theme

Advanced Configuration

Surge

Analyzing the Bundle Size

Progressive Web App Metadata

Source map explorer

Available Scripts

`npm start`

http://localhost:3000

Can I Use Decorators?

Adding Development Environment Variables In `.env`

Changing the Page `<title>`

WebStorm

`document.title` - helmet), a third party library.

Debugging in the Editor

Visual Studio Code

VS Code - for-chrome) installed.

WebStorm

WebStorm - ide-support/hmhgeddbohgjknpmjagkdomcpobmllji) Chrome extension installed.

Deployment

Azure

this

Building for Relative Paths

here

Firebase

GitHub Pages

Heroku

Netlify

Start a new netlify project

Now

this article.

S3 and CloudFront

blog post

Serving Apps with Client-Side Routing

`pushState` history API - router) with browserHistory), many static file servers will fail. For example, if you used React Router with a route for /todos/42, the development server will respond to localhost:3000/todos/42 properly, but an Express serving a production build as above will not.
Apache HTTP Server

Static Server

serve - por--port` flags.
Node

Surge

ensures that every URL falls back to that file

Developing Components in Isolation

Editor Integration

Storybook for React - styleguidist.js.org/) (source) to your project. These are third-party tools that let you develop components and see all their states in isolation from your app.

Getting Started with Storybook

Getting Started with Styleguidist

Displaying Lint Output in the Editor

`npm run eject`

Prettier

Formatting Code Automatically

WebStorm

Importing a Component

`DangerButton.js`

Injecting Data from the Server into the Page

Configuring a WebSocket Proxy

sanitize the JSON before sending it to the client

Integrating with an API Backend

Node

Ruby on Rails

Making a Progressive Web App

Getting Started with Styleguidist

Offline-First Considerations

Post-Processing CSS

`Button.js`

Autoprefixer

Pre-Rendering into Static HTML Files

Configuring a WebSocket Proxy

Proxying API Requests in Development

Configuring a WebSocket Proxy

Socket.io
ws - US/docs/Web/API/WebSocket).

Configuring the Proxy Manually

`http-proxy-middleware` - proxy`](https://github.com/nodejitsu/node-http-proxy#options) supports.

"Invalid Host Header" Errors After Configuring Proxy

this article - dev-server/issues/887).
described here

Ruby on Rails

Running Tests

Command Line Interface

Jest watch mode

Configuring a WebSocket Proxy

jsdom

Disabling jsdom

`ReactDOM.render()`

Editor Integration

VS Code Jest Preview

On CI servers

this article

On your own environment

file an issue

Snapshot Testing

Read more about snapshot testing.

Testing Components

Using Third Party Assertion Libraries

file those against Jest - printing React elements as JSX](https://github.com/facebook/jest/pull/1566).

Sending Feedback

your feedback

Supported Language Features and Polyfills

`npm run eject`

Syntax Highlighting in the Editor

`npm run eject`

relevant Babel documentation page

Troubleshooting

Moment.js locales are missing

Moment.js - locale-support).

`npm run build` exits too early

adding some swap space

`npm start` doesn’t detect changes

`npm test` hangs on macOS Sierra

Updating to New Releases

changelog

Using the `public` Folder

When to Use the `public` Folder