Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
styled-awesomeness
Learning Styled Components by example
https://github.com/flynnpark/styled-awesomeness
- open the changelog
- changelog
- your feedback
- http://localhost:3000
- to the React documentation
- ES6
- Exponentiation Operator
- Async/await
- Object Rest/Spread Properties
- Dynamic import()
- Class Fields and Static Properties
- JSX
- different proposal stages
- codemods
- polyfills
- `Object.assign()` - assign`](https://github.com/sindresorhus/object-assign).
- `Promise`
- `fetch()` - fetch`](https://github.com/github/fetch).
- ...nonArrayValue
- relevant Babel documentation page
- Prettier
- Visual Studio Code
- VS Code - for-chrome) installed.
- troubleshooting guide
- WebStorm - ide-support/hmhgeddbohgjknpmjagkdomcpobmllji) Chrome extension installed.
- Prettier's GitHub page
- blog post about lint-staged to learn more about it
- Editor Integration
- `document.title` - helmet), a third party library.
- `import` and `export`
- difference between default and named exports
- When to use the curly braces?
- Exploring ES6: Modules
- Understanding ES6: Modules
- dynamic `import()` - dynamic-import) is in stage 3. The `import()` function-like form takes the module name as an argument and returns a [`Promise`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) which always resolves to the namespace object of the module.
- this tutorial - stack-demo-client/tree/code-splitting-in-create-react-app).
- Code Splitting
- Webpack
- here
- Autoprefixer
- follow this section
- not inherit
- #1939
- #1891
- data URI - react-app/issues/1153).
- `manifest.webmanifest`
- `pace.js`
- React Bootstrap
- `App.js`
- customized Bootstrap
- introduction to using static types in JavaScript
- Flow
- `.flowconfig` file
- Nuclide
- its documentation
- React Router
- Basic Example
- exposing a private key on the machine that could have the same name
- accidentally exposing a private key on the machine that could have the same name
- dotenv documentation
- Travis CI - vars).
- dotenv-expand
- decorators
- #214
- #411
- axios - US/docs/Web/API/Fetch_API) provided by the browser. Conveniently, Create React App includes a polyfill for `fetch()` so you can use it without worrying about the browser support.
- here
- Promise polyfill - US/docs/Web/JavaScript/Reference/Global_Objects/Promise). Both axios and `fetch()` use Promises under the hood. You can also use the [`async / await`](https://davidwalsh.name/async-await) syntax to reduce the callback nesting.
- the FAQ entry on the React website
- this tutorial
- here
- this tutorial
- here
- CORS issues
- here’s how to do it for Express
- this article - dev-server/issues/887).
- described here
- `http-proxy-middleware` - proxy`](https://github.com/nodejitsu/node-http-proxy#options) supports.
- Socket.io
- setting up a Socket.io server
- ws - US/docs/Web/API/WebSocket).
- 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
- sanitize the JSON before sending it to the client
- Read the migration guide to learn how to enable it in older projects!
- Jest - 15.html) of Jest so if you heard bad things about it years ago, give it another try.
- jsdom
- Jest watch mode
- extensively documented here
- `jest.fn()` and `expect(fn).toBeCalled()`
- `shallow()` rendering API
- full rendering with `mount()`
- Enzyme documentation - in `expect()` and `jest.fn()` for spies.
- extensively documented here
- Chai
- jest-enzyme - enzyme.
- file those against Jest - printing React elements as JSX](https://github.com/facebook/jest/pull/1566).
- Chai
- coverage report
- `collectCoverageFrom`
- `coverageReporters`
- `coverageThreshold`
- `snapshotSerializers`
- Travis Getting started - ci.org/profile) page.
- Customize your Travis CI Build
- this article
- file an issue
- jsdom - -env=jsdom`, and your tests will run faster:
- `ReactDOM.render()`
- `TestUtils.renderIntoDocument()` - L91) for the above)
- `mount()`
- `TestUtils.createRenderer()`
- `shallow()`
- snapshot testing
- Read more about snapshot testing.
- Visual Studio Code - jest) which works with Create React App out of the box. This provides a lot of IDE-like features while using a text editor: showing the status of a test run with potential fail messages inline, starting and stopping the watcher automatically, and offering one-click snapshot updates.
- VS Code Jest Preview
- Visual Studio Code
- Visual Studio Code
- `launch.json`
- Storybook for React - styleguidist.js.org/) ([source](https://github.com/styleguidist/react-styleguidist)) to your project. **These are third-party tools that let you develop components and see all their states in isolation from your app**.
- Storybook for React Demo
- Getting Started with React Storybook
- GitHub Repo
- Documentation
- Snapshot Testing UI
- GitHub Repo
- Documentation
- nwb
- Progressive Web App
- `sw-precache-webpack-plugin`
- cache-first strategy
- require HTTPS
- does not apply to `localhost`
- not currently supported
- with HTTP caching disabled
- let the user know
- `runtimeCaching`
- The Web App Manifest guide
- Source map explorer
- Node
- serve - p` or `--port` flags.
- Node
- `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
- Apache Tomcat
- service workers
- `navigateFallback`
- `navigateFallbackWhitelist`
- here
- this
- this - appservice-static) repo for a way to use automatic deployment to Azure App Service.
- Firebase account
- issue #2440
- Add Firebase to your JavaScript Project
- https://myusername.github.io/my-app
- Read more
- in this guide
- Personal Access Token
- Heroku Buildpack for Create React App
- Deploying React with Zero Configuration
- Start a new netlify project
- desktop tool - g now`.
- this article.
- blog post
- ensures that every URL falls back to that file
- browser
- send a pull request to detect your editor of choice
- `NODE_PATH` in Node.js
- need to restart the watcher
- “Adjusting Your Text Editor”
- Webpack watcher bug
- tweak system settings
- in this thread
- Watchman - react-app#713](https://github.com/facebookincubator/create-react-app/issues/713).
- facebook/jest#1767
- facebook/watchman#358
- ember-cli/ember-cli#6259
- Homebrew
- other installation methods
- adding some swap space
- Moment.js - locale-support).
- let us know - react-app/edit/master/packages/react-scripts/template/README.md)
Programming Languages
Keywords
javascript
7
nodejs
4
node
3
react
3
dotenv
2
css
2
websocket
2
offline
2
progressive-web-app
2
service-workers
2
yaml
1
environment-variables
1
http-client
1
promise
1
browser-sync
1
connect
1
express
1
fastify
1
http-proxy
1
middleware
1
vue
1
typescript
1
scss
1
printer
1
prettier
1
markdown
1
less
1
jsx
1
json
1
html
1
graphql
1
formatter
1
flow
1
ast
1
angular
1
service-worker
1
offline-first
1
prefixer
1
postcss-plugins
1
spa
1
heroku-buildpack
1
heroku
1
create-react-app
1
buildpack
1
webpack-plugin
1
sw-precache
1
sw-guide
1
webpack
1
toolkit
1
react-component
1