👨💻 programming 101
by Nino · 86 things on Twos
- learn rn
- review
- ---
- Day 64 - SQL
- Day 63 - observing twos live coding pt.3
- Day 62 - observing twos live coding pt.2
- Day 61 -
- Day 60 - just watching twos live coding pt.1
- Day 59 - arrays vs objects, react native paper,
- Day 58 -
- Day 57 -
- Day 56 - understanding View (flex, align, justify) folder structure, color, stateless functions vs class vs components
- Day 55 - understanding animations (and why it's nuts), importing packages from npmjs.org
- Day 54 - switch, scoping, new keywords (in, delete,), template literals + placeholders, es6 modules
- Day 53 - RN my-app
- Day 52 - RN environment setup
- Day 51 -
- Day 50 - SQL Basics (?)
- Day 49 - Version Control
- Day 48 - React Advanced pt.2
- Day 47 - React Advanced
- Day 46 - React Hooks
- Day 45 - React Intermediate pt.2
- Day 44 - React Intermediate
- Day 43 - React Basics
- Day 42 - Object-oriented Programming
- Day 41 - Synchrony and Asynchrony in JS pt.2
- Day 40 - Synchrony and Asynchrony in JS
- Day 39 - JavaScript Classes pt.2
- Day 38 - JavaScript Classes
- Day 37 - JavaScript Events
- Day 36 - Querying Webpages pt.2
- Day 35 - Querying Webpages
- Day 34 - The Document Object Model (DOM)
- Day 33 - Dynamic Webpages pt.2
- Day 32 - Dynamic Webpages
- Day 31 - Array Operations pt.2
- Day 30 - Array Operations
- Day 29 - ES6 pt.3
- Day 28 - ES6 pt.2
- Day 27 - ES6
- Day 26 - JS advanced functions
- Day 25 - JS objects pt.2
- Day 24 - JS objects
- 🎆 Day 23 - JS functions pt.2
- Day 22 - JS functions
- Day 21 - JS arrays
- Day 20 - JS loops
- Day 19 - JS types and comparisons pt.3, conditionals
- Day 18 - JS types and comparisons pt.2, conditionals
- Day 17 - JS types and comparisons
- 🎄 Day 16 - JavaScript basics
- Day 15 - CSS bootstrap
- Day 14 - CSS grid pt.2
- Day 13 - CSS flexbox items, grid
- Day 12 - CSS flexbox containers pt.2
- Day 11 - CSS flexbox containers
- Day 10 - CSS flexbox
- Day 9 - CSS layout fundamentals pt.2
- Day 8 - CSS layout fundamentals
- Day 7 - CSS classes pt.2
- Day 6 - CSS basics pt.3, functions, classes
- Day 5 - CSS basics pt.2
- Day 4 - HTML accessibility basics, CSS Basics
- Day 3 - HTML forms, semantics
- Day 2 - HTML practice
- Day 1 - Intro to JS, HTML
- HTML is for page structure, CSS for styling, JavaScript for interactivity
- Notes
- Plugins / extensions
- console.log(`Hello, ${name}!`);
> Hello, Teresa!
// use of backticks and dollar sign + curly brackets to simplify it
- ---
- ---
- npm start, npm build
- Besides using uuid you can also add a second parameter in map like map((todo, index) =>{}) and use index as a key. key={i}. This way you don't have to worry about the key been the same.
- Great video, one thing to note if anyone made the same mistake, the useEffect function that saves the state to local storage must be placed below the useEffect function that retrieves the existing/previously stored state. Otherwise, you'll have the useEffect function that sets the current state set it to empty(since it hasn't retrieved the local todos) and you're saved todos won't show on refresh.
- If anyone learning this is 2022 and facing any issues related to persistency of localStorage, try removing React.StrictMode in index.js. I noticed App.js was being rendered twice. At first render the data from localStorage will load but on the second render it will empty the data from that localStorage key.
- ---
- VSCode, Expo, React Native Notes
- Expo Application Services (EAS) https://expo.dev/eas
- https://www.nativewind.dev/
- console.log(var.at(0)) = get an element from an array without using math operations (like console.log(var[var.length - 1])