Refactoring from React Class to Pure Function
- Comment out import statements to
material-ui
andreact-bootstrap
.
import { CardText, Checkbox } from 'material-ui';
import { Table } from 'react-bootstrap';
- Remove React Mixin.
# docker tutorial | |
$ docker run --name repo alpine/git clone https://github.com/docker/getting-started.git | |
$ docker cp repo:/git/getting-started/ . | |
$ cd getting-started | |
$ docker build -t docker101tutorial . | |
$ docker run -d -p 80:80 --name docker-tutorial docker101tutorial | |
$ docker tag docker101tutorial awatson1978/docker101tutorial | |
$ docker push awatson1978/docker101tutorial |
Refactoring from React Class to Pure Function
material-ui
and react-bootstrap
.import { CardText, Checkbox } from 'material-ui';
import { Table } from 'react-bootstrap';
The first step in refactoring Blaze to React is to sketch out the skelaton of the new React component, based on the Blaze template. There are a few concrete steps to do first. We save data flows, methods, styling, and other conserations for steps 2 and 3. In this first phase, we're looking to implement structural elements and to make sure that our component compiles within the build pipeline.
First step is to grab the name from the template that's going to be refactored. In this example, quick_rate_system
.
<template name="quick_rate_system">
Extensions can be found in:
~/.vscode/extensions
HookyQR.beautify-1.3.0
PeterJausovec.vscode-docker-0.0.26
Sword.vscode-material-ui-snippets-1.0.1
cmstead.jsrefactor-2.18.2
https://www.zyxware.com/articles/4027/how-to-delete-files-permanently-from-your-local-and-remote-git-repositories | |
``` | |
git filter-branch -f --index-filter "git rm -rf --cached --ignore-unmatch FOLDERNAME" -- --all | |
# Once this is done run the following commands to clean up the local repository: | |
rm -rf .git/refs/original/ | |
git reflog expire --expire=now --all | |
git gc --prune=now | |
git gc --aggressive --prune=now |
var user = Meteor.user(); | |
var centroid = user.profile.locations.home; | |
var coordinatesArray = [centroid.longitude, centroid.latitude]; | |
Locations.find({ | |
location: | |
{ $near : | |
{ | |
$geometry: { type: "Point", coordinates: coordinatesArray }, | |
$minDistance: 1000, |
DokChain
https://techcrunch.com/2017/05/10/pokitdok-teams-with-intel-on-healthcare-blockchain-solution/
https://dokchain.com/
https://pokitdok.com/
https://github.com/hyperledger
https://fullmetalhealth.com/dokchain-deep-dive-part-1/
https://fullmetalhealth.com/smart-contracts-using-turing-complete-language/
https://fullmetalhealth.com/blockchain-virtual-machines-consensus-silicon-rk-version/
https://fullmetalhealth.com/necessity-blockchain/
https://www.npmjs.com/search?q=scroll&page=1&ranking=optimal
https://www.npmjs.com/package/react-router-scroll
https://www.npmjs.com/package/react-appear
https://www.npmjs.com/package/scroll
https://www.npmjs.com/package/react-router-scroll
https://www.npmjs.com/package/scrollmonitor
https://www.npmjs.com/package/waypoints
https://www.npmjs.com/package/react-waypoint
https://www.npmjs.com/package/verge
https://data.cityofchicago.org/Health-Human-Services/Food-Inspections/4ijn-s7e5
https://data.cityofchicago.org/Health-Human-Services/Food-Inspections/4ijn-s7e5/alt?&page=2534
https://trendct.org/2016/03/15/how-we-put-together-the-opioid-epidemic-data-analysis/
https://data.ct.gov/Health-and-Human-Services/Accidental-Drug-Related-Deaths-2012-2016/rybz-nyjw
https://www.cdc.gov/drugoverdose/data/heroin.html
https://www.cdc.gov/mmwr/volumes/65/wr/mm655051e1.htm