Last release before Next.js migration

A brand new Best of JS, built on top of Next.j,s is coming soon!

Changes

• Introduce monorepo
• Switch to PNPM

Screenshot

0.36.0

Features

• Open GitHub and home page links in a new tab #153
• Improve monthly trends graph #154

Fixes

• Fix size of project logo in README sections #152

DX

• Upgrade to Vite 3 #148

Screenshot

This release is the result of the hard work of @nvh95 who redid the setup to improve the DX.

• Use Vite instead of Create React App to speed up dev server and build times! (#138)
• Add GitHub actions to run tests automatically
• All files converted to ts and tsx files
• Fix issue related to missing projects on the Timeline page
• Use Node.js 16 to build the project

Bundle size (/assets/index.3488150a.js): 174 kB

Features

• Add a link to 2021's Rising Stars
• Improve project details page, show NPM download graph right away #123
• Allow $ character in project slugs, removing slugify package #122
• Upgrade React 17 and TypeScript 4.4 dependencies
• Fix Windows dev setup

Performance

• main JS chunk: 162 kB

Features

• Dark mode #112
• Project logos have both a light logos/*.svg and a dark version logos/*.dark.svg
• Introduction of ChakraUI for core components (buttons, layout primitives...) and "styled system" approach
• Dropdown menu redone using Headless UI to avoid framer-motion

Performance

Desktop 84%

Mobile 51%

Screenshots

Dark mode

Light mode

Big changes are coming, as a dark mode feature and a new UI library will be introduced soon.

Main changes

The main change is about the application header that has been redesigned and includes now includes a link to the Discord server.

• #110 Discord link in the header
• #111 Font adjustments

Bundle sizes

• .323654fe.chunk.js: 111.25 kB
• main.f6a0f7af.chunk.js 27.57

Lighthouse score

Desktop

Mobile

Screenshots

Features

• Add dropdown navigation menu to the header #103
• Add "Related projects" and Best of JS logo to the footer #103
• Use Cloudflare Web Analytics instead of Google Analytics #105
• Add "Sponsors" button to the home page
• Add a link to the CHANGELOG document in the "Application Update" notification
• Show monthly rankings in the top page #102
• Add /rankings/monthly/:year/:month to show the monthly "full rankings"

Dependencies

• Use Emotion instead of Styled Components to prepare the potential integration of ChakraUI components

Bundles

• 2.44dcaf4e.chunk.js: 110.7 kB
• main.52fc5b38.chunk.js: 26.3 kB

Screenshots

Feature

Add quick links section to Project details page
Remove (temporally?) the heatmap about the daily trends

Changes

Upgrade to Create React App v4.0

Screenshot

Performance check

• *.chunk.js: 113 kB
• main.*.chunk.js: 25.4 kB

Use react-icons package for all icons, instead of Octicons CDN link

JS bundle files:

• 105.59 KB build/static/js/2.0273c48b.chunk.js
• 23.11 KB build/static/js/main.72584a67.chunk.js

New feature

Timeline page #94

Our favorite newsletter JavaScript Weekly has just released its 500th issue.
Let's celebrate this milestone by picking 20 significant projects, from 2006 to 2020.

Bundle size

• 101.24 KB build/static/js/2.45b85fde.chunk.js
• 24.07 KB build/static/js/main.412a1f4f.chunk.js
• 8.88 KB build/static/js/6.047d9adb.chunk.js

Screenshots

New feature

Add repo creation date sort option

Bundle sizes

• 101.23 KB build/static/js/2.489f48c4.chunk.js
• 24.03 KB build/static/js/main.ebbe210f.chunk.js
• 8.88 KB build/static/js/5.d563f580.chunk.js

Screenshot

This release is mainly a big refactoring of the application.

Most of the files have been converted to TypeScript, even if only a few types are provided for now.

Other changes:

• Use Unstated Next containers instead of Redux to manage the state
• Use swr instead of React Async for data fetching hooks
• Use Unfetch to make HTTP calls
• Upgrade React 16.13.1
• Use React Suspense to do code splitting

Changes

• The application is now hosted on Vercel (front-end + serverless functions + backend daily tasks)
• Navigation between weekly posts added to the top page

Performance check

• projects.json: 150 KB
• 4.77f80840.chunk.js: 109 kB
• main.cd3118f3.chunk.js: 27 kB

Features

Three elements have been added to to the homepage to make it more attractive:

• Newest projects: the latest projects added to Best of JavaScript
• Featured Projects: a selection of important projects, showing randomly on the screen
• Weekly Newsletter: the latest issue of our newsletter including the rankings by relative growth.

Added: a button to switch the date range about the "Hot Projects": Today / This week / This month / This year.

Added page: Featured Projects /featured

Screenshot

Performance check

• projects.json 140 KB
• 4.ea3f65c6.chunk.js 113 KB
• main.9ea44300.chunk.js 25.6 KB

New features

• Add monthly trends graph to project details page (#81)
• Add all tags page (#83)

Screenshots

Features

The main changes are related to the issue #75

• New search engine, the user can combine one or several tags with keywords, in the same search box
• New layout
• Promotion of State of JavaScript 2019 survey

Screenshot

Performance check

• 5.b565de59.chunk.js 108.7 KB
• main.2de0ae0c.chunk.js 21.35 KB
• projects.json 136.2 KB

The last release before the new search engine

Something big is coming!

This release include a lot of SVG logos and changes about the pagination.

Performance check

Top page:

• 6.9810c0f7.chunk.js: 83.6 KB
• main.096049d1.chunk.js: 19.74 KB
• projects.json: 168 KB
• main.b3c75f47.chunk.css 2.41 KB

Single project page:

• 6.bd2ee5ef.chunk.js: 15.6 KB
• single-project.84e4e525.chunk.js: 7.3 KB

Changes:

• Upgrade to react-scripts 3 and React 16.8
• Handle new JSON API format
• Decrease font size on desktop

Features

• Upgrade react-scripts from Create React App v2
• Fix error about special symbols in search field (#69)

Performance check

Top page:

• 5.7fe794cf.chunk.js: 82 KB
• main.096049d1.chunk.js: 23 KB
• projects.json: 168 KB

Single project page:

• 6.bd2ee5ef.chunk.js: 42 KB
• single-project.84e4e525.chunk.js: 12 KB

New feature:

License data added to projects pages /project/:slug. See https://github.com/bestofjs/bestofjs-webui/issues/53

Performance check

• main.*.js: 114 KB
• projects.json: 153 KB
• single-project.*.chunk.js: 64 KB