Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

styled-awesomeness

Learning Styled Components by example
https://github.com/flynnpark/styled-awesomeness

Last synced: about 19 hours ago
JSON representation

Sending Feedback
- your feedback
Supported Language Features and Polyfills
- `npm run eject`
Displaying Lint Output in the Editor
- `npm run eject`
  - Prettier
Formatting Code Automatically
- WebStorm
Deployment
- [Firebase](https://firebase.google.com/)
- [GitHub Pages](https://pages.github.com/)
  - Read more
  - https://myusername.github.io/my-app
- 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.
- [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
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.
Adding a Stylesheet
- With React Router
  - Webpack
- `Button.js`
  - here
Importing a Component
- `DangerButton.js`
  - Understanding ES6: Modules
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
  - setting up a Socket.io server
Pre-Rendering into Static HTML Files
- Configuring a WebSocket Proxy
  - 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.
  - 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
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
  - Customize your Travis CI Build
  - 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
- 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
Troubleshooting
- `npm start` doesn’t detect changes
- `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).
Updating to New Releases
- changelog
Developing Components in Isolation
- Getting Started with Storybook
  - Getting Started with React Storybook

Programming Languages

HTML 3 JavaScript 2

Categories

Deployment 31 Running Tests 11 Supported Language Features and Polyfills 10 Troubleshooting 8 Adding Flow 4 Proxying API Requests in Development 3 Formatting Code Automatically 3 Debugging in the Editor 3 Adding a CSS Preprocessor (Sass, Less etc.) 2 Making a Progressive Web App 2 Debugging Tests 2 Adding a Router 2 Using the `public` Folder 2 Adding a Stylesheet 2 Pre-Rendering into Static HTML Files 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 Displaying Lint Output in the Editor 1 Fetching Data with AJAX Requests 1 Available Scripts 1 Can I Use Decorators? 1 Adding Bootstrap 1 Developing Components in Isolation 1

Sub Categories

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

Keywords

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