chrisrzhou

Bootstrap Best Practices

General

• Only style what you need. Create classes or IDs to allow targeting of specific elements.

Containers

• Use container to create padding and margins that center based on screen width.
• Use container-fluid to allow for expansion to the whole screen width while keeping a natural padding.

chrisrzhou

Git Advanced Resources

Interactive Rebase

• Enter interactive rebase using git rebase -i
• Some rebase options include:
  • squash: combine commits
  • edit: split commits (using git reset HEAD^)
  • reword: rename commit
  • pick: run commits in order

chrisrzhou

Core Libraries in React Applications

• react
• react-redux
• react-router
• recompose
• redux
• react devtools (chrome)
• redux devtools (chrome)

chrisrzhou

D3 Pianogram

bl.ocks.org link

Pianogram visualizes music notes in a beautiful histogram and updates them over music measure bars (time). This is a clone of the wonderful idea by [joeycloud][] providing real-time updates to the music over time (music measure bars).

The project is created using AngularJS and D3.js.

---

chrisrzhou

Code Reviews

Chris Zhou, 2022-10-14

---

Elements of Coding

• Code
• Coder

chrisrzhou

The Garden of Code

Chris Zhou, 2022-06-24

---

About

I discovered many of the following thoughts through gardening and they continue to influence the way I think and code.

chrisrzhou

D3 Radar Chart

bl.ocks.org link

A radar chart visualizes multivariate data in a 2D chart of three or more quantitative variables represented on axes.

The project is created using AngularJS and D3.js.

---

Description

chrisrzhou

• NPM workspaces and Typescript

chrisrzhou

function useResponsiveCanvas<T>(
  initialSize?: MinMaxPair,
): State {
  const canvasRef = useRef<HTMLCanvasElement>();
  const mountRef = useRef<HTMLDivElement>();
  const [size, setSize] = useState<MinMaxPair>([0, 0]);

  // set initial svg and size
  useEffect(() => {
    const canvas = document.createElement('canvas');

chrisrzhou

Dances with Factors

bl.ocks.org link

Dances with Factors visualizes prime factorization of integers.

The fundamental theorem of arithmetic states that every integer greater than 1 is either prime itself or a product of prime numbers.

The project is created using D3.js.

---