Hack Reactor Intro to React JS Notes

React JS is not a framework but a JS library with a rich community.
-Handling the view (MVC) / user interface
-Puts HTML in JS
-JSX support which produces React "elements"
-Build complex and modern UI's
-Component based structure
-Props: allows you to pass data from parent (wrapping) component
-(Props) Triggers UI to re-render when changed
-State: used to change the component from within rather than by parent / also triggers re-rendering.
-Context API: to avoid props drilling
-Create React App

Comments

Post a Comment

Popular posts from this blog

Code Wars: longest_palindrome (6 kyu)

Link to code challenge Find the length of the longest substring in the given string s that is the same in reverse. As an example, if the input was “I like racecars that go fast”, the substring (racecar) length would be 7. If the length of the input string is 0, the return value must be 0. //Loop thru string and find longest substring that is also a palindrome //Efficiency- start with longest length first (each "outer" loop still looping to shorter //strings but done prior to "inner" loops which have longer strings- can be more efficient?) longestPalindrome=function(s){ if (s === "") return 0; else if (s.length === 1) return 1; let mainPointer = s.length; let subPointer = 0; let largest = 0; while (subPointer = 0) { //refactored- instead of pushing to new array let newString = s.slice(subPointer, mainPointer); //can this be refactored by comparing the two endpoints of the string but longer code? if ( newStr...
Read more

Code Wars: Data Reverse (6 kyu)

Link to code challenge Code efficiency: Loops through string once (from the end) and with one new variable. String splicing- consider its efficiency? Try not to manipulate data when looping for efficiency. function dataReverse(data) { let arr = []; while (data.length) { arr.push(...data.splice(data.length - 8, data.length)); } return arr; }
Read more

Code Wars: Replace With Alphabet Position

https://www.codewars.com/kata/546f922b54af40e1e90001da/train/javascript Welcome. In this kata you are required to, given a string, replace every letter with its position in the alphabet. If anything in the text isn't a letter, ignore it and don't return it. "a" = 1 ,  "b" = 2 , etc. Example alphabet_position( "The sunset sets at twelve o' clock." ) Should return  "20 8 5 19 21 14 19 5 20 19 5 20 19 1 20 20 23 5 12 22 5 15 3 12 15 3 11"  (as a string) function alphabetPosition(text) {   //split string into array of letters only   let sentence = text.toLowerCase().split("");   for (let i = sentence.length - 1; i >= 0; i--) {     if(sentence[i].match(/[a-z]/) === null) {       sentence.splice(i, 1);     }   }   //create an array of alphabets (97 represents lower case "a", 65 would be "A")   let alphaArr = [];   for (let i = 0; i < 26; i++) {     alpha...
Read more