wall-of-awesomeness

Wall of photos from our amazing gdg cloud community
https://github.com/amdcavallaro/wall-of-awesomeness

Last synced: about 12 hours ago
JSON representation

Debugging in the Editor
- WebStorm
  - WebStorm - ide-support/hmhgeddbohgjknpmjagkdomcpobmllji) Chrome extension installed.
- Visual Studio Code
  - VS Code - for-chrome) installed.
Deployment
- Serving Apps with Client-Side Routing
  - Apache HTTP Server
  - `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.
- Building for Relative Paths
  - here
- Azure
  - this
- Firebase
- GitHub Pages
- Heroku
  - Deploying React with Zero Configuration
  - Heroku Buildpack for Create React App
- Netlify
  - Start a new netlify project
- Now
  - this article.
- Surge
  - ensures that every URL falls back to that file
- Static Server
  - serve - p` or `--port` flags.
- S3 and CloudFront
  - blog post
Adding a Stylesheet
- With React Router
  - Webpack
- `Button.js`
  - here
Troubleshooting
- Moment.js locales are missing
  - Moment.js - locale-support).
- `npm test` hangs on macOS Sierra
  - other installation methods
  - facebook/watchman#358
  - ember-cli/ember-cli#6259
  - Watchman - react-app#713](https://github.com/facebookincubator/create-react-app/issues/713).
- `npm start` doesn’t detect changes
- `npm run build` exits too early
  - adding some swap space
Available Scripts
- `npm start`
  - http://localhost:3000
Proxying API Requests in Development
- Configuring a WebSocket Proxy
  - Socket.io
  - ws - US/docs/Web/API/WebSocket).
- "Invalid Host Header" Errors After Configuring Proxy
  - this article - dev-server/issues/887).
  - described here
- Configuring the Proxy Manually
  - `http-proxy-middleware` - proxy`](https://github.com/nodejitsu/node-http-proxy#options) supports.
- Ruby on Rails
  - here’s how to do it for Express
Supported Language Features and Polyfills
- `npm run eject`
  - `Promise`
  - codemods
  - polyfills
  - ES6
  - Dynamic import()
  - Class Fields and Static Properties
  - Async/await
  - Object Rest/Spread Properties
  - Exponentiation Operator
  - different proposal stages
  - `Object.assign()` - assign`](https://github.com/sindresorhus/object-assign).
Importing a Component
- `DangerButton.js`
  - Understanding ES6: Modules
Analyzing the Bundle Size
- Progressive Web App Metadata
  - Source map explorer
Running Tests
- On CI servers
  - Customize your Travis CI Build
  - this article
- Command Line Interface
  - Jest watch mode
- Testing Components
  - extensively documented here
  - full rendering with `mount()`
- Disabling jsdom
  - `ReactDOM.render()`
- Snapshot Testing
  - Read more about snapshot testing.
- Editor Integration
  - VS Code Jest Preview
- Configuring a WebSocket Proxy
  - jsdom
- Using Third Party Assertion Libraries
  - file those against Jest - printing React elements as JSX](https://github.com/facebook/jest/pull/1566).
- On your own environment
  - file an issue
Using the `public` Folder
- When to Use the `public` Folder
  - `pace.js`
  - `manifest.webmanifest`
Syntax Highlighting in the Editor
- `npm run eject`
  - relevant Babel documentation page
Formatting Code Automatically
- WebStorm
  - blog post about lint-staged to learn more about it
  - Editor Integration
Changing the Page `<title>`
- WebStorm
  - `document.title` - helmet), a third party library.
Adding a CSS Preprocessor (Sass, Less etc.)
- `Button.js`
  - #1891
  - #1939
Adding Bootstrap
- When to Use the `public` Folder
  - `App.js`
- Using a Custom Theme
  - customized Bootstrap
Adding Flow
- Using a Custom Theme
Can I Use Decorators?
- Adding Development Environment Variables In `.env`
  - decorators
  - #411
Pre-Rendering into Static HTML Files
- Configuring a WebSocket Proxy
  - react-snapshot
  - zero-configuration pre-rendering (also called snapshotting) here
Injecting Data from the Server into the Page
- Configuring a WebSocket Proxy
  - sanitize the JSON before sending it to the client
Post-Processing CSS
- `Button.js`
  - Autoprefixer
Developing Components in Isolation
- Getting Started with Styleguidist
  - GitHub Repo
  - Documentation
- Getting Started with Storybook
  - GitHub Repo
  - Snapshot Testing UI
Adding Custom Environment Variables
- Adding Development Environment Variables In `.env`
  - dotenv documentation
Making a Progressive Web App
- Offline-First Considerations
  - not currently supported
- Getting Started with Styleguidist
  - `sw-precache-webpack-plugin`
Integrating with an API Backend
- Node
  - here
  - this tutorial
- Ruby on Rails
  - this tutorial
  - here
Sending Feedback
- your feedback
Updating to New Releases
- changelog
Displaying Lint Output in the Editor
- `npm run eject`
  - Prettier
Advanced Configuration
- Surge
  - browser
  - send a pull request to detect your editor of choice

Programming Languages

JavaScript 9 HTML 6 TypeScript 2 Shell 1

Categories

Deployment 41 Supported Language Features and Polyfills 11 Running Tests 11 Troubleshooting 9 Proxying API Requests in Development 6 Adding Flow 5 Integrating with an API Backend 4 Developing Components in Isolation 4 Formatting Code Automatically 2 Debugging in the Editor 2 Advanced Configuration 2 Using the `public` Folder 2 Adding a Stylesheet 2 Pre-Rendering into Static HTML Files 2 Can I Use Decorators? 2 Making a Progressive Web App 2 Adding a CSS Preprocessor (Sass, Less etc.) 2 Adding Bootstrap 2 Sending Feedback 1 Updating to New Releases 1 Analyzing the Bundle Size 1 Adding Custom Environment Variables 1 Importing a Component 1 Post-Processing CSS 1 Changing the Page `<title>` 1 Displaying Lint Output in the Editor 1 Injecting Data from the Server into the Page 1 Syntax Highlighting in the Editor 1 Available Scripts 1

Sub Categories

Firebase 27 `npm run eject` 13 Configuring a WebSocket Proxy 6 Using a Custom Theme 6 `Button.js` 4 WebStorm 4 `npm test` hangs on macOS Sierra 4 Getting Started with Styleguidist 3 Adding Development Environment Variables In `.env` 3 GitHub Pages 3 Surge 3 Ruby on Rails 3 When to Use the `public` Folder 3 `npm start` doesn’t detect changes 3 Heroku 2 Getting Started with Storybook 2 On CI servers 2 Serving Apps with Client-Side Routing 2 Node 2 "Invalid Host Header" Errors After Configuring Proxy 2 Testing Components 2 Offline-First Considerations 1 Azure 1 Building for Relative Paths 1 Using Third Party Assertion Libraries 1 Moment.js locales are missing 1 Command Line Interface 1 Netlify 1 On your own environment 1 `DangerButton.js` 1 Static Server 1 S3 and CloudFront 1 With React Router 1 Progressive Web App Metadata 1 Editor Integration 1 Visual Studio Code 1 Snapshot Testing 1 `npm start` 1 `npm run build` exits too early 1 Now 1 Configuring the Proxy Manually 1 Disabling jsdom 1

Keywords

javascript 6 nodejs 4 css 3 node 3 html 3 react 2 websocket 2 yaml 2 vue 2 typescript 2 scss 2 printer 2 angular 2 ast 2 flow 2 formatter 2 graphql 2 json 2 jsx 2 less 2 markdown 2 prettier 2 postcss-plugins 1 prefixer 1 real-time 1 rfc-6455 1 websocket-client 1 websocket-compression 1 websocket-server 1 documentation 1 jsdom 1 dom-apis 1 webpack-plugin 1 sw-precache 1 sw-guide 1 service-workers 1 progressive-web-app 1 offline 1 proxy-middleware 1 proxy 1 polka 1 nextjs 1 middleware 1 http-proxy 1 fastify 1 express 1 connect 1 browser-sync 1 security-tools 1 secrets 1