When I started learning React, configuring my React project was my biggest problem. Everyone has a different pattern on setting up their React environment. Therefore it was hard to begin writing React code. Then I find out that in 2016/7 came out with this react cli create-react-app. The reason is b ...

Surge is a place where frontend developers can easily deploy static websites.I first came across surge when it was mentioned in freecodecamp forum. Then I quickly try it out for my small projects. Surge is really easy to use with only one command. The website performance is fast. It is a great place ...

Goals Completed Deploy 3 React Projects(FCC Markdown Previewer, FCC Recipe Box, Random Text Generator) Day 41-3.18-React Day 6[ ] Facebook React Tutorial[x] ReactTraining Finish video 9[x] FCC React 40[ ] Codewar 229[ ] Udemy Modren React #13 Day 42-3.19-React Day 7[x] FCC React 50[ ] Codewar 231[ ...

Major MileStones Finish FreeCodeCamp FrontEnd Certificate Finish Personal Portfolio site V1 dannyhuang.surge.sh Short Term Goals Learn React/Redux Build 4 projects with React Logs Day 31-40Day 31-3.7[ ] Finish TicTacToe Project[ ] Update Hexo Blog[ ] Organize Evernote[ ] Codewar 173 Day 31-3.8[x] ...

Build a controller object and view ObjectRight this moment I go through every link indivually and add event listener with the associate model method. Then I clean the console.log statements in my model methods and convert them into view methods. So they can be displayed in the website. Here’s my dra ...

Build Basic User InterfaceNow we need to build a basic prototype of our app. We just need the basic HTML elements and CSS. As long as we have the divs we can work with, it’s fine. We’ll worry about making the website more user friendly after. Here’s my first user interface of the app Final Version: ...

Turning EVERYTHING into an ObjectAfter all the functions work individually, I create a model object and turn all my variables and functions into object variables and object methods. The model object will take care of my app logic and calculation. For example. 1234567891011121314151617181920//Beforev ...

List out all variables and functionsThis is my work flow series for working through a javascript app. Basically disecting the app into small and workable units and seperate them into a Model, Controller, and View format. First of all I go through the user stories and type the features or variables t ...

Here’s my recommended resouces for learning Javascript(most of them are free)Youtube Channelcoding 360 - https://www.youtube.com/user/pizzapokerguy87funfunfunction - https://www.youtube.com/channel/UCO1cgjhGzsSYb1rsB4bFe4Qsimple programmer - https://www.youtube.com/user/jsonmezfreecodecamp - https:/ ...

Today I want to share with you some basic yet powerful javascript programming method called functional programming. Functional programmings(FP) means coding in functions, duh. There are many advanced topics on FP, such as currying, pure FP, but today I just want to share some basic techniques of us ...