bits-bytes-notes

Quick notes about anything related to coding world that I learn on a daily basis.

Every note will consist of a short and concise explanation with a code snippet as an example.

---

Categories

• bits-bytes-notes
• Categories
  • CSS
  • React
  • React Native
  • Creative Coding
  • Git
  • Functional JavaScript
  • Bash
  • Uncategorised

---

CSS

• :not selector tricks
• How to fade out an element
• How to wrap words by comma not by space

React

• How to comment in React JSX
• Initialising state based on props
• Map an array into 2 column grid layout
• Listen for window resize
• Listen for keypress in React
• Fix warning: A component is changing an uncontrolled input of type text to be controlled

React Native

• React Native ellipsis on text component
• Disable the Yellow Box in React Native
• Draw a horizontal divider in React Native
• Get screen height and width
• Horizontally scrollable cards/content snap to center
• Custom styling unordered list in React Native
• Fixed header using relative position React Native
• Detect scroll to bottom of ScrollView/FlatList/SectionList component

Creative Coding

• P5.js template
• three.js template

Git

• Rename git branch locally or remotely

Functional JavaScript

• Map an array of primitive type values into an array of objects
• Map an object into array of object using both its keys and values

Bash

• Create multiple files with sequential numbers

Uncategorised

• Debugger steps