React Context: When and How to Use It

What is Context? In a typical React application data flow is unidirectional, passed from parent to child. This can lead to an issue known as props drilling. Passing props from high level components down to low level ones creating repetitive code. > Context provides a way to pass data through the component tree without having … Continue reading React Context: When and How to Use It

Getting Started with Functional Components in Codesandbox

1. Getting started 1.1 Fork the starter app The first step is to fork the starter application on Codesandbox. The starter has all the packages we will need already added and configured. Make sure you are signed into Codesandbox and go to the following URL: https://codesandbox.io/s/functional-components-intro-starter-3ivou?file=/src/App.js Click on the Fork button in the upper right … Continue reading Getting Started with Functional Components in Codesandbox

p5.js Seven Digit Segment Clock

p5.js is an amazing JavaScript library that streamlines creating graphical applications in your browser. Learn more at https://p5js.org/ They also have an extremely useful online editor https://editor.p5js.org/ which I used for this example and the link to it will be below. The beautiful clock ResourceURLGithub source code for the displayhttps://github.com/jonathanmeaney/Seven_Segment_Display_Clockp5js editor version of displayhttps://editor.p5js.org/FugQueue/sketches/q8A2REallInspired by … Continue reading p5.js Seven Digit Segment Clock

Useful Unix Commands for macOS or Linux

The following commands work on Unix based operating systems such as Linux and macOS and are executed in the terminal. Some of them will also work on the Windows command line but we're focusing on Unix based systems here. Command Description ls Lists the contents of the current directory ls -l Long list including additional … Continue reading Useful Unix Commands for macOS or Linux