Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

super-awesome-chat-app-react

A learning exercise in react
https://github.com/decoder318/super-awesome-chat-app-react

Last synced: 3 days ago
JSON representation

Deployment
- [Firebase](https://firebase.google.com/)
- 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
- Building for Relative Paths
  - here
- [Azure](https://azure.microsoft.com/)
  - this
  - this - appservice-static) repo for a way to use automatic deployment to Azure App Service.
- [GitHub Pages](https://pages.github.com/)
  - https://myusername.github.io/my-app
  - Read more
- [Heroku](https://www.heroku.com/)
  - Deploying React with Zero Configuration
- [Netlify](https://www.netlify.com/)
  - Start a new netlify project
- [Now](https://zeit.co/now)
  - this article.
- [Surge](https://surge.sh/)
  - ensures that every URL falls back to that file
Supported Language Features and Polyfills
- `npm run eject`
Formatting Code Automatically
- WebStorm
Available Scripts
- `npm start`
  - http://localhost:3000
Syntax Highlighting in the Editor
- `npm run eject`
  - relevant Babel documentation page
Debugging in the Editor
- Visual Studio Code
  - troubleshooting guide
  - VS Code - for-chrome) installed.
- WebStorm
  - WebStorm - ide-support/hmhgeddbohgjknpmjagkdomcpobmllji) Chrome extension installed.
Changing the Page `<title>`
- WebStorm
  - `document.title` - helmet), a third party library.
Importing a Component
- `DangerButton.js`
  - Understanding ES6: Modules
Adding a Stylesheet
- With React Router
  - Webpack
Adding a CSS Preprocessor (Sass, Less etc.)
- `Button.js`
  - #1891
  - not inherit
Using the `public` Folder
- When to Use the `public` Folder
  - `manifest.webmanifest`
  - `pace.js`
Adding Bootstrap
- When to Use the `public` Folder
  - `App.js`
Adding Flow
- Using a Custom Theme
Adding a Router
- Using a Custom Theme
  - Basic Example
  - React Router
Can I Use Decorators?
- Adding Development Environment Variables In `.env`
  - decorators
Fetching Data with AJAX Requests
- Adding Development Environment Variables In `.env`
  - here
Proxying API Requests in Development
- "Invalid Host Header" Errors After Configuring Proxy
  - this article - dev-server/issues/887).
- Configuring a WebSocket Proxy
  - Socket.io
Pre-Rendering into Static HTML Files
- Configuring a WebSocket Proxy
  - zero-configuration pre-rendering (also called snapshotting) here
  - react-snapshot - snap](https://github.com/stereobooster/react-snap) to generate HTML pages for each route, or relative link, in your application. These pages will then seamlessly become active, or “hydrated”, when the JavaScript bundle has loaded.
Injecting Data from the Server into the Page
- Configuring a WebSocket Proxy
  - sanitize the JSON before sending it to the client
Running Tests
- Configuring a WebSocket Proxy
  - Jest - 15.html) of Jest so if you heard bad things about it years ago, give it another try.
- Command Line Interface
  - Jest watch mode
- Testing Components
  - extensively documented here
- On CI servers
  - this article
- Disabling jsdom
  - `ReactDOM.render()`
  - `TestUtils.createRenderer()`
- Editor Integration
  - VS Code Jest Preview
- Writing Tests
  - `jest.fn()` and `expect(fn).toBeCalled()`
- Snapshot Testing
  - Read more about snapshot testing.
- Coverage Reporting
  - `snapshotSerializers`
Debugging Tests
- Editor Integration
  - Visual Studio Code
- Debugging Tests in Visual Studio Code
  - `launch.json`
Making a Progressive Web App
- Offline-First Considerations
  - let the user know
Analyzing the Bundle Size
- Progressive Web App Metadata
  - Source map explorer
Advanced Configuration
- [Surge](https://surge.sh/)
  - `NODE_PATH` in Node.js
Troubleshooting
- `npm test` hangs on macOS Sierra
- `npm run build` exits too early
  - adding some swap space
- Moment.js locales are missing
  - Moment.js - locale-support).
- `npm start` doesn’t detect changes
Updating to New Releases
- changelog
Sending Feedback
- your feedback
Displaying Lint Output in the Editor
- `npm run eject`
  - Prettier

Programming Languages

HTML 2 JavaScript 1

Categories

Deployment 27 Supported Language Features and Polyfills 10 Running Tests 10 Troubleshooting 8 Adding Flow 4 Formatting Code Automatically 3 Debugging in the Editor 3 Debugging Tests 2 Proxying API Requests in Development 2 Using the `public` Folder 2 Adding a Router 2 Pre-Rendering into Static HTML Files 2 Adding a CSS Preprocessor (Sass, Less etc.) 2 Sending Feedback 1 Updating to New Releases 1 Analyzing the Bundle Size 1 Adding Bootstrap 1 Importing a Component 1 Displaying Lint Output in the Editor 1 Changing the Page `<title>` 1 Fetching Data with AJAX Requests 1 Injecting Data from the Server into the Page 1 Syntax Highlighting in the Editor 1 Available Scripts 1 Advanced Configuration 1 Can I Use Decorators? 1 Adding a Stylesheet 1 Making a Progressive Web App 1

Sub Categories

[Firebase](https://firebase.google.com/) 16 `npm run eject` 12 Using a Custom Theme 6 Configuring a WebSocket Proxy 5 WebStorm 5 `npm test` hangs on macOS Sierra 3 `npm start` doesn’t detect changes 3 When to Use the `public` Folder 3 [Surge](https://surge.sh/) 2 Disabling jsdom 2 [GitHub Pages](https://pages.github.com/) 2 Visual Studio Code 2 Adding Development Environment Variables In `.env` 2 Editor Integration 2 `Button.js` 2 [Azure](https://azure.microsoft.com/) 2 Serving Apps with Client-Side Routing 2 With React Router 1 Moment.js locales are missing 1 Debugging Tests in Visual Studio Code 1 Snapshot Testing 1 Offline-First Considerations 1 `npm run build` exits too early 1 [Netlify](https://www.netlify.com/) 1 [Now](https://zeit.co/now) 1 On CI servers 1 "Invalid Host Header" Errors After Configuring Proxy 1 `npm start` 1 Progressive Web App Metadata 1 `DangerButton.js` 1 Command Line Interface 1 Testing Components 1 Building for Relative Paths 1 Writing Tests 1 Coverage Reporting 1 [Heroku](https://www.heroku.com/) 1

Keywords

yaml 1 vue 1 typescript 1 scss 1 printer 1 prettier 1 markdown 1 less 1 jsx 1 json 1 javascript 1 html 1 graphql 1 formatter 1 flow 1 css 1 ast 1 angular 1