Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

awesome-web

Front-end website to display awesome stuff
https://github.com/marxlow/awesome-web

Last synced: 1 day ago
JSON representation

Supported Language Features and Polyfills
- `npm run eject`
Adding a CSS Preprocessor (Sass, Less etc.)
- `Button.js`
  - not inherit
  - #1891
Adding a Stylesheet
- `Button.js`
  - here
- With React Router
  - Webpack
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
- [Now](https://zeit.co/now)
  - this article.
- 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/)
- [Heroku](https://www.heroku.com/)
  - Deploying React with Zero Configuration
- [Netlify](https://www.netlify.com/)
  - Start a new netlify project
- [Surge](https://surge.sh/)
  - ensures that every URL falls back to that file
- Other Solutions
  - Node
Available Scripts
- `npm start`
  - http://localhost:3000
Displaying Lint Output in the Editor
- `npm run eject`
  - Prettier
Formatting Code Automatically
- WebStorm
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.
Adding Flow
- Using a Custom Theme
Importing a Component
- `DangerButton.js`
  - Understanding ES6: Modules
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 a Router
- Using a Custom Theme
  - Basic Example
  - React Router
Can I Use Decorators?
- Adding Development Environment Variables In `.env`
  - decorators
  - #214
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
  - setting up a Socket.io server
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()`
  - jsdom - -env=jsdom`, and your tests will run faster:
- Editor Integration
  - VS Code Jest Preview
- Writing Tests
  - `jest.fn()` and `expect(fn).toBeCalled()`
- Coverage Reporting
  - `snapshotSerializers`
- Snapshot Testing
  - Read more about snapshot testing.
- 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
Debugging Tests
- Editor Integration
  - Visual Studio Code
- Debugging Tests in Visual Studio Code
  - `launch.json`
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
Making a Progressive Web App
- Offline-First Considerations
  - let the user know
- Getting Started with Styleguidist
  - cache-first strategy
Analyzing the Bundle Size
- Progressive Web App Metadata
  - Source map explorer
Advanced Configuration
- [Surge](https://surge.sh/)
  - `NODE_PATH` in Node.js
Integrating with an API Backend
- Ruby on Rails
  - this tutorial
Updating to New Releases
- changelog
Developing Components in Isolation
- Getting Started with Storybook
  - Getting Started with React Storybook
Sending Feedback
- your feedback

Programming Languages

JavaScript 3 HTML 3 TypeScript 1

Categories

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

Sub Categories

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

Keywords

html 3 javascript 3 angular 2 ast 2 css 2 flow 2 formatter 2 graphql 2 json 2 jsx 2 less 2 markdown 2 prettier 2 printer 2 scss 2 typescript 2 vue 2 yaml 2 dom-apis 1 jsdom 1 nodejs 1