Rob Callaghan

Web @ Matillion | #React #JavaScript #WordPress #AWS

[Rob Callaghan @robdcal]

Get to know React's Context API and the useContext() hook with my quick introduction: https://t.co/C5MxKBlK4S #ReactJS #React #100DaysOfCode

[Rob Callaghan @robdcal]

I built a Random Country Fact Generator that pulls the data from an API. Check it out! https://t.co/rlgXiajgND
#javsacript #React #ReactJS #100daysofcodechallenge #100DaysOfCode

[Rob Callaghan @robdcal]

I built a simple URL Deconstructor app with #React! Check it out along with my summary of how I built it here: https://t.co/JwbbBZ3OLc
#reactjs #javascript #100DaysOfCode

[Rob Callaghan @robdcal]

Learn what the useReducer() #React hook is for: https://t.co/bUUtFOltxR
#reactjs #javascript #100DaysOfCode

[Rob Callaghan @robdcal]

I built a To Do app twice; once in vanilla #javascript and once in #reactjs . It's worth doing! Find out what I learned during the process: https://t.co/STyjyfg9X0
#100DaysOfCode

[Rob Callaghan @robdcal]

Built a small project that you want to show off, but don't want to pay for hosting? Try GitHub Pages! Find out how to get your GitHub project hosted on its own page: https://t.co/uII1H91A6r
#github #100DaysOfCode

[Rob Callaghan @robdcal]

.@OdamaStudio I liked the look of one of your dashboard designs I found on Dribbble, so I coded it! (work in progress) https://t.co/eRlqPv4cyG #100DaysOfCode #HTML #CSS #javascript

[Rob Callaghan @robdcal]

Work with side effects in React with this guide to the basics of the useEffect() hook: https://t.co/SlDN7ui8Fv
#react #React #javascript #100DaysOfCode

[Rob Callaghan @robdcal]

Learn to use Refs in React with the useRef() hook: https://t.co/x0Q2WuI1LC
#reactjs #React #javascript #100DaysOfCode

[Rob Callaghan @robdcal]

What's a React Portal? Find out in this quick guide (with examples): https://t.co/48YnvLZJi3
#reactjs #React #javascript #100DaysOfCode

[Rob Callaghan @robdcal]

Working with APIs can seem a bit daunting at first, but it isn't as difficult as you might think! Learn how to use fetch, Promises and async / await: https://t.co/AzSt8ZXl3z
#javascript #100DaysOfCode

[Rob Callaghan @robdcal]

Arrow functions are great! Get comfortable with using them: https://t.co/E34WLUfQHG
#javascript #es6 #100DaysOfCode

[Rob Callaghan @robdcal]

Learn about ES6 template literals in just 3 minutes: https://t.co/hmShNvgJHK
#javascript #es6 #100DaysOfCode

[Rob Callaghan @robdcal]

ES6 has been around for a while, but it might still be new to you. Get to grips with some of the great array helper methods: https://t.co/WFOYxBT69k
#javascript #100DaysOfCode #es6

[Rob Callaghan @robdcal]

What's "margin collapsing" all about in CSS? Get a quick explanation including examples here: https://t.co/jmxgsyEgTv
#CSS #100DaysOfCode

[Rob Callaghan @robdcal]

Get to know the basics of the 5 CSS position values: https://t.co/TywqhvcNT0
#CSS #100DaysOfCode

[Rob Callaghan @robdcal]

@VodafoneUK broadband has been down for about 40 minutes now (based in Cheshire). WFH so not ideal at all. Your Contact page isn't working for me either so can't call. Can you help?

[Rob Callaghan @robdcal]

#100DaysOfCode Day 7+8: Forgot to post last night. After a break I'm back home and coding again.

Implemented jump links with smooth scrolling and intersection observers to update the 'active' nav link depending on the current section.

#javascript

[Rob Callaghan @robdcal]

#100DaysOfCode Day 6: 'Completed' the logic of the Direct Comparison chart, including select / dropdown fields that auto-update the chart.

Rookie mistake, though; using one scale for all nutritional values is just wrong (look at the Calcium!).

#javascript #chartjs

[Rob Callaghan @robdcal]

#100DaysOfCode Day 5: messing around with the 2D Canvas API today trying to write labels dynamically on to a chart; getting the text to rotate and in the right place was a challenge, but got there in the end. ctx.transform() rotates the canvas, not the text... duh!