Spring Framework Annotations

Came across this web site where the basic annotations are explained in a simple way:

"Spring uses dependency injection to configure and to bring your application together. It means that you just declare the components of your system and how they interact. Then Spring wires it all together at runtime. Here are the most important annotations you should know of."

Go to https://zeroturnaround.com/rebellabs/spring-framework-annotations-cheat-sheet/

30 Minutes or less

Hello World using NodeJS
https://medium.com/@adnanrahic/hello-world-app-with-node-js-and-express-c1eb7cfa8a30

Building Rest API using NodeJS, MongoDB, express
https://hackernoon.com/restful-api-design-with-node-js-26ccf66eab09

Pure Spring boot based Rest API development example - No front end at all
http://www.springboottutorial.com/creating-rest-service-with-spring-boot

Redux
https://hackernoon.com/redux-step-by-step-a-simple-and-robust-workflow-for-real-life-apps-1fdf7df46092

Build your Twitter Bot
https://venturebeat.com/2017/02/02/how-to-build-your-own-twitter-bot-in-less-than-30-minutes/

A weather web site
https://codeburst.io/build-a-weather-website-in-30-minutes-with-node-js-express-openweather-a317f904897b

Again one more on building Rest API using NodeJS
https://www.sitepoint.com/deploy-rest-api-in-30-mins-mlab-heroku/

NodeJS and Docker
http://container-solutions.com/continuous-delivery-with-docker-on-mesos-in-less-than-a-minute/

Build a CRUD application with React, NodeJS and User Authentication
https://stormpath.com/blog/crud-application-react-spring-boot-user-authentication

Love this TypeScript Tutorial

This is a simple and nice tutorial on TypeScript. As promised by the author, you will learn good part of TypeScript in 30 minutes. Here's the link: https://tutorialzine.com/2016/07/learn-typescript-in-30-minutes

Why TypeScript? https://stackoverflow.com/questions/12694530/what-is-typescript-and-why-would-i-use-it-in-place-of-javascript/35048303#35048303

Tutorials on typescript:

https://www.tutorialsteacher.com/typescript

Playground for typescript:

https://www.typescriptlang.org/play/

node-webkit aka nw.js

Steps to run a sample node-webkit app on MacOS:

• Downloaded the node-webkit from https://nwjs.io/downloads/. Extracted the zip content to ~/workspace (~/workspace/nwjs-sdk-v0.23.5-osx-x64).
• Created a folder ~/workspace/my-nwjs-app and created package.json and index.html in that folder.
• content of the package.json: {"name":"my-nwjs-app", "main":"index.html"}
• content of the index.html: <bold>Hello</bold>
• From my-nwjs-app, run the command:~/workspace/nwjs-sdk-v0.23.5-osx-x64/nwjs.app/Contents/MacOS/nwjs .

Creating React Components

You can create stateless or stateful React components.

Let's start with the simple things first: the stateless components.

function MyStateLessComponent(props) {
         return <div />;  //See no quotes around the returning content
}

The same above in ES6:

MyStateLessComponent = (props)  => <div />

Now, to stateful components.

class MyStateFulComponent extends React.Component {
         constructor(props) {
                super(props)
         }
         render() {
               return <div />
         }
}

Another way of creating the stateful component in React:

var MyStateFulComponent = React.createClass({
         constuctor: function(props){
             super(props)
         }, //See the comma here ---don't forget this while doing the createClass
         render: function(){
             return <div />
         }
})

https://facebook.github.io/react/docs/components-and-props.html

https://facebook.github.io/react/docs/components-and-props.html

Hey, you want to create-react-app?

Instead of installing tons of node modules and webpack, etc., etc., follow this github repo to easily create-react-app: https://github.com/facebookincubator/create-react-app. You are all set in 5-10 minutes.

Happy programming!

Array Map, Filter, Reduce methods (Array mfr in short)

Use map when you want to change each value in the array based on some logic

var mappedArray = [2,4].map(number => number * 2)

console.log(mappedArray)


Use filter when you want filter out some values from an array based on some logic

var filteredArray = [1,2,3,4].filter(number => (number % 2 === 0))

console.log(filteredArray)


Use reduce when you want to reduce an array into a single resulting value

var reducedArray = [1,2,3,4].reduce((total,number) => total + number, 0)

console.log(reducedArray)

Cute reference: https://medium.com/@joshpitzalis/the-trouble-with-loops-f639e3cc52d9