This is a bookmark site for personal NPM favorites, built with Gatsby.
It features search and tags to filter available packages – these are fetched from the npms.io API.
Packages are added to src/packages.json including assigned tags.
The site is a playground for Gatsby and React. A couple of technical demos are included.
Some highlights:
- An adapted version of gatsby-source-apiserver is used to fetch the API at build time.
- A static query is used in footer.js to process an image.
- CSS-in-JS with styled-components – specially used are normalize, createGlobalStyle and ThemeProvider in layout.js/layout.styled.js.
- item.js imports icons using react-fontawesome.
- Notable ES6/React stuff used: Set in list.js and ClassProperties in every stateful component.
- Sorting by download count
- Refresh single package data in browser
