setting up a light wallet In order to have a setup close to what the DAPP would be, we will use (metamask) [http://www.metamask.io] as a light wallet (there are other choices). Metamask allows you to connect to a custom node. We will then connect to our node, http://localhost:9012 If everthing is fine, metamasks should indicate it’s connected. Then, we can import the metamask account to our local node by simply specifying the datadir we have setup the node data....
Frontend Prepare your folder for your dapp I will be using https://github.com/mxstbr/react-boilerplate as it’s quite nice and I’ve been playing with React for a bit now. I will not go into the details of setting this up, it’s a totally different topic. If you are not familiar with it, it’s probably a waste of time for you to read. Example web3 component with React This boilerplate uses immutable, redux and redux-sagas in order to deal with data....
Contracts Prepare your folder for your dapp mkdir dapp inside this folder, we’ll create one folder for truffle, one for geth. cd dapp mkdir truffle geth inside the geth folder, simply put the customGenesis block you can find in the ethereum-dev-environment blog post. We are going to use two Ethereum clients, one for tests and devs, testrpc and one for a more real interaction, geth. Let’s install truffle and testrpc...
Working with ES6-7 In order to work with ECMAScript 2015 and even with future implementations of ES, you can use Babel. Babel is a transpiler, it will convert your ES6-7 to plain ES5 javascript that most browsers (>ie9 most probably) will understand. To install babel npm install -g babel Then within your javascript project, you can create a .babelrc file with the following content: { "presets": ["es2015", "stage-0", "react"] } React and its surrounding libraries After starting using React, I realized it was vey good and was surrounded with libraries which makes it even better: redux, immutable, react-router…...
NodeJS Go to the nodejs website and install nodejs latest stable version: https://nodejs.org/en/download/stable/ NPM Go to the npm website and follow the instructions https://docs.npmjs.com/getting-started/installing-node Install nodejs essential packages npm install -g eslint webpack webpack-dev-server babel-eslint serve Install sublime-text essential plugins With the help of the package manager, in sublime-text, install the following packages: babel, Sublime-Linter-Contrib-eslint, React ES6 snippets Make sure your linter is working In sublime text, open the console (view > show console) and check if there is any error message....
Golang environment install golang http://www.wolfe.id.au/2015/03/05/using-sublime-text-for-go-development/ Within sublimetext, from the package manager, install gosublime, install gooracle. install go/tools: go get -u golang.org/x/tools/cmd/goimports go get -u golang.org/x/tools/cmd/vet go get -u golang.org/x/tools/cmd/oracle go get -u golang.org/x/tools/cmd/godoc install gometalinter (https://github.com/alecthomas/gometalinter) install interfacer (https://github.com/mvdan/interfacer/) install gosimple (https://github.com/dominikh/go-simple) install gocov (https://github.com/axw/gocov) Here is the package settings I use for gosublime: { // you may set specific environment variables here // e.g "env": { "PATH": "$HOME/go/bin:$PATH" } // in values, $PATH and ${PATH} are replaced with // the corresponding environment(PATH) variable, if it exists....
Download and install the latest Sublime text Go to the sublime text website and download Sublime text 3 for your OS. https://www.sublimetext.com/3 Download and install the sublime text package manager Go the package control website, download and install it on your sublime text (follow the instructions on the website). https://packagecontrol.io/installation Download and install sublime linter Go to the sublime linter website, download and install it on your sublime text. http://www.sublimelinter.com/en/latest/installation.html...