nicholasray

nray.dev

My website

search-performance-data

buy_ticket_design

The UI Challenge in Flutter

chrome-heisenbug

Debugging the chrome transition bug

docs

Astro documentation

Epidermis

Hack week results

eslint-config-wikimedia-web-team

Shared ESLint rules amongst the Wikimedia Web Team

firebase_ui

flex-order-with-large-content-and-sidebar

Demo showing reflow issue caused by using flex order when one of the flex items is very large

flutter-mapbox-gl

A Mapbox GL flutter package for creating custom maps

gatsby

Build blazing fast, modern apps and websites with React

jank

A presentation on jank

mediawiki

🌻 The collaborative editing software that runs Wikipedia. This is a mirror from gerrit.wikimedia.org. See https://www.mediawiki.org/wiki/Developer_access for contributing.

metronome

Web Audio metronome example to show scheduling.

my-mediawiki-setup

navpush

Versatile and modular React hamburger menu

nuevo

Taking the pain out of setting up a new laptop

payload

Comparing the top-100 most popular wikipedia pages without vs. with frontend transformations

plugins

Plugins for Flutter, including FlutterFire, maintained by the Flutter team

PreactUI

A todo list component comparison between Preact and OOUI

react

A declarative, efficient, and flexible JavaScript library for building user interfaces.

react-awesome-button

🖥️📱 React button component. Awesome button is a 3D UI, progress, social and share enabled. RAB is a 60fps, light weight, performant, production ready react UI button component.

react-testing-library

🐐 Simple and complete React DOM testing utilities that encourage good testing practices.

references-drawer-analysis

Analysis of the mediawiki mobile reference drawers

testing

toggle-lazy-image-load

An analysis of the toggle lazy image loading on wikipedia

web-team-quickstart

web-vitals

Essential metrics for a healthy site.

wiki-dom-order-tests

wiki-profiling