Matt Lockyer mattlockyer

Web3.js, TruffleContract and Frontend Development of Decentralized Applications

To date, we've been writing and testing contracts using JavaScript tests.

Those tests are a lot like our frontend code that we need to create in order to allow users of our decentralized applications (dapps) to talk to the Ethereum Blockchain.

However, there's a lot of initial setup and network configuration code that was automated (black boxed) by our test runner.

User experience, waiting for transactions and returning the updated state to the application and user interface are also a primary concern for developing these dapps.

	//jshint ignore: start

	pragma solidity ^0.4.21;

	contract Owner {

	address public owner;

	modifier onlyOwner() {
	require(msg.sender == owner);

	//jshint ignore: start

	// contracts
	const contracts = [
	{ name: 'HelloMarket' }
	];
	contracts.forEach(c => c.artifact = artifacts.require('./' + c.name + '.sol'))

	/**************************************
	* Tests

	//jshint ignore: start

	// contracts
	const contracts = [
	{ name: 'HelloMarketToken' }
	];
	contracts.forEach(c => c.artifact = artifacts.require('./' + c.name + '.sol'))

	/**************************************
	* Tests

	//jshint ignore: start

	// contracts
	const contracts = [
	{ name: 'HelloMarket' }
	];
	contracts.forEach(c => c.artifact = artifacts.require('./' + c.name + '.sol'))

	/**************************************
	* Tests

	/**************************************
	* Wait for function to return true, default 50ms for 100 attempts (5s)
	**************************************/
	export const wait = (func, del = 50, lim = 100) => new Promise((resolve, reject) => {
	let attempt = 0
	const test = () => {
	if (func()) resolve()
	else if (attempt < lim) setTimeout(test, del)
	else reject("ran out of attempts")
	console.log('wait attempt', attempt)

	//generic event type for updating state
	export const UPDATE = 'STATE_UPDATE'
	//generic reducer for updating state
	export const reducer = (state, action) => {
	//console.log(action)
	const { type } = action
	switch (type) {
	case UPDATE:
	const a = { ...action }
	delete a.type

	export default connect(
	(state) => ({
	state1: state1(state),
	state2: state2(state),
	}),
	(dispatch) => ({
	dispatch1: dispatch1(dispatch),
	dispatch2: dispatch2(dispatch),
	})
	)(App);


	const files = [
	'js/cash.js',
	'js/component.js',
	'js/global.js',
	'js/anime.min.js',

	// 'js/collapsible.js',
	// 'js/dropdown.js',
	// 'js/modal.js',

	3Box is a social profiles network for web3. This post links my 3Box profile to my Github account!

	✅ did:muport:Qme8gP1U9LfNe5J75N19QXqghFg5DUQ5gtwJBFjjdaBmMz ✅

	Create your profile today to start building social connection and trust online. https://3box.io/