Stuff I Have Learnt

React router React router, as you can guess, is a library you can install to create routes for your React app. DOCS Note that this is considered Client-side routing. Client-side vs Server-side routing pros and cons Steps 1) <BrowserRouter><App/></BrowserRouter> 2) <link to=’/home’> (instead of a href) 3) <Route path=”/home” component={HomePage}>   You can define a path … Continue reading JumpStart – React Router

What is Routing? In a web application, routing is the process of using URLs to drive the user interface (UI). (It has a different meaning in traditional internetworking.  In internetworking, the process of moving a packet of data from source to destination).) What is server-side environment? Files (HTML, CSS, JS, etc) are stored on the web servers (sometimes physical server racks). User requests … Continue reading Server-side vs Client-side Routing in Web Apps

Looking for exercises to practice .reduce, .each, .filter, .map, .call, .apply from learnjavascript https://nodeschool.io/ http://reactivex.io/learnrx/ https://www.codewars.com/kata/search/my-languages?q=&tags=Arrays&beta=false&order_by=rank_id+asc I use .call() and .apply() all the time, especially if I want to “cherry-pick” methods from other objects or classes. Not really the best example, but you can see this in action here: http://cl.ly/image/1Y46341Z0b3l In actual Object Oriented Programming, … Continue reading Resources for functional programming

TTD How to test tests: make it fail How to write good code: pair programming, code review In TDD, we should create tests first. The tests drive the development, and goes in a cycle (commonly called Red, Green, Refactor). You can also add a commit at the end of one cycle to ensure that you … Continue reading JumpStart – React testing

SetState() API informs React that your state has updated Under the hood, it will compare the memory addresses of the object and render the new state. React will still render the updated state if the memory address is the same, but performance will suffer (https://bogdan-lyashenko.github.io/Under-the-hood-ReactJS/stack/book/Intro.html) Object.assign() and spread operator (for shallow copy): this.setState(Object.assign({}, oldState, {a:6}) … Continue reading JumpStart – React Lab

Part 1 | Part 2 | Part 3 | Part 4 | Part 5 | Part 6 | Part 7 React React is a Javascript library for UI/ frontend for web apps. (There’s also React Native for building mobile apps, which we will get to at a later date. Why use React? Faster renders: DOM … Continue reading JumpStart – React Intro

How dot notation works: To make user.hi() calls work, JavaScript uses a trick – the dot ‘.’ returns not a function, but a value of the special Reference Type. The Reference Type is a “specification type”. We can’t explicitly use it, but it is used internally by the language. The value of Reference Type is a three-value combination (base, name, strict), … Continue reading js.info part3 – dot notation

Testing Older method: Dev and testers are separated into different teams Cons: Long feedback cycles, human error, manpower needed, production pipeline blockage, poor quality (due to lack of ownership), disagreements between teams, Pros: Testers are less biased Testers use SVN, usually still use manual testing Now: Devs and QAs QAs uses automated testing (Integration tests: … Continue reading JumpStart Bootcamp: Intro to Testing

JS has come a long way since 1995, when it was named after Java in order to capitalize on the Java hype train. ECMAScript Proposals goes through stage 0 to 4, 0 for its inception and 4 being ‘finished’. As there are transpilers (Babel) available, we can make full use of new JS api and … Continue reading JumpStart – advanced JS

currently at http://javascript.info/object-methods semicolons only after statements function expressions are statements anonymous functions are good if you don’t want it to be accessed outside of its scope. function declarations are hoisted   objects.assign is not deep clone objects are references to memory addresses symbol property in object – symbols with the same name are still … Continue reading js.info part 2 – semicolons and JS objects