𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭 – Medium

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭
in
Geek Culture

Making a UI Library with React & TypeScript

It’s easier than you think and can even be done offline.

4 min readApr 12, 2022

--

Making a UI Library with React & TypeScript

--

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭
in
Geek Culture

Adding Metadata Using Markdown Frontmatter in NextJS

Sometimes you need to separate what goes on the page with information that is needed to generate the page.

4 min readJun 11, 2021

--

Adding Metadata Using Markdown Frontmatter in NextJS

--

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭
in
Geek Culture

Help Users Find Things — Generate a Page Tree

How I used NextJS, MaterialUI, and a recursive React component to make a page tree

5 min readJun 9, 2021

--

Help Users Find Things — Generate a Page Tree

--

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭
in
Geek Culture

Moving Code Evaluation to a WebWorker

and using the JavaScript Proxy class

4 min readMay 25, 2021

--

Moving Code Evaluation to a WebWorker

--

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭
in
Geek Culture

3 Things Every React Context Should Have

Structure, a hook, and a higher order component

3 min readMay 19, 2021

--

3 Things Every React Context Should Have

--

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭
in
Webtips

Markdown with Custom Components in NextJS

Using react-markdown to turn code blocks into code editors

5 min readMay 15, 2021

--

Markdown with Custom Components in NextJS

--

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭
in
Webtips

Code Snippets in NextJS Generated Pages

Reading .js files and injecting the code as page content

5 min readMay 11, 2021

--

Code Snippets in NextJS Generated Pages

--

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭
in
CodeX

Styling CodeMirror v6 with Material UI

Creating a uniform style and colour palette

4 min readMay 5, 2021

--

Styling CodeMirror v6 with Material UI

--

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭
in
CodeX

Failing to add CodeMirror 6 (and then Succeeding)

Bringing a non-React project into a React project

3 min readApr 27, 2021

--

Failing to add CodeMirror 6 (and then Succeeding)

--

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭
in
CodeX

How does MDN Intercept `console.log`?

Is it wizardry or trickery?

6 min readApr 26, 2021

--

How does MDN Intercept `console.log`?

--

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭

𝐁𝐚𝐲𝐚𝐧 𝐁𝐞𝐧𝐧𝐞𝐭𝐭

My goal is to serve humanity and to bring happiness to others. I want to understand the problems around us and help find solutions. https://www.bayanbennett.com

Help
Status
About
Careers
Press
Blog
Privacy
Terms
Text to speech
Teams