In which I fiddle around with APIs to become more comfortable. Nothing much to see here... move along.
A Pen by Nicole Archambault on CodePen.
| { | |
| "Profiles": [ | |
| { | |
| "Ansi 3 Color" : { | |
| "Green Component" : 0.81672251224517822, | |
| "Blue Component" : 0.19727933406829834, | |
| "Red Component" : 0.99627053737640381 | |
| }, | |
| "Tags" : [ |
| componentDidMount() { | |
| let apiRequest1 = fetch('https://content.guardianapis.com/sections?q=travel&api-key=test').then(function (response) { | |
| return response.json() | |
| }); | |
| let apiRequest2 = fetch('https://content.guardianapis.com/sections?q=football&api-key=test').then(function (response) { | |
| return response.json() | |
| }); | |
| let combinedData = { "apiRequest1": {}, "apiRequest2": {} } |
In which I fiddle around with APIs to become more comfortable. Nothing much to see here... move along.
A Pen by Nicole Archambault on CodePen.
| // === Arrays | |
| var [a, b] = [1, 2]; | |
| console.log(a, b); | |
| //=> 1 2 | |
| // Use from functions, only select from pattern | |
| var foo = () => [1, 2, 3]; |
| function Square(props) { | |
| return ( | |
| <button className="square" onClick={props.onClick}> | |
| {props.value} | |
| </button> | |
| ); | |
| } | |
| class Board extends React.Component { | |
| handleClick(i) { |
| My recommended learning resources for web development. (Note this may be a little too much.) | |
| This is a good video: | |
| How to Become a Master Web Developer | |
| https://www.youtube.com/watch?v=0yzRW8yqN4M | |
| 2016/2017 MUST-KNOW WEB DEVELOPMENT TECH - Watch this if you want to be a web developer | |
| https://www.youtube.com/watch?v=sBzRwzY7G-k 22:51 | |
| Two core resources that I use when learning/troubleshooting: |