Useful Links from August 2016
As much as I’m trying to earn a second income from MyAppIncome, it’s also a way for me to learn new things. I’m sharing the top links I’ve come across each month. I’ll be using this for reference and I’m hoping it’s useful to someone else too
Missing Google Fonts
I realised that this site wasn’t displaying italics. http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/ had the answer.
I’m not an “expert” (whatever that means) client side, single page app developer…yet. I was aware of a client side router and had a rough idea of what they are. But reading about something and actually using it are two different things. https://www.kirupa.com/react/creating_single_page_app_react_using_react_router.htm opened my eyes to a few things, in particular, nesting routes. The penny dropped when the top level component was described as an “app frame”. In .NET land, that’s equal to a layout page or master page depending on how far you go back!
Listening and Disagreeing advice
A non-technical article! And one on a controversial topic. But let me explain.
I wanted to seek feedback on my GitHub Trending Repos tutorial. As I planned to get it from Reddit and HackerNews, I didn’t expect to receive positive feedback! I admit, I used to struggle to receive feedback of any kind, so was a little worried. I considered staying in my own little bubble. I then read this post, http://urbanconfessional.org/blog/howtodisagree, and was struck by this sentence:
Our Facebook feeds are littered with articles, posts, and images from all types of people. For some of us, this is difficult to handle, so we edit out the ones we disagree with until our feed looks more like an echo board our of own thoughts.
I will try hard to listen to any feedback and seek more comments rather than just disagreeing. Definitely worth a read!
More ES6 reading
super() calls but it’s nice to know it’s there, changing and being thought about.
Functions as Child Components
https://medium.com/@iammerrick/function-as-child-components-5f3920a9ace9#.eugwe4m2t. This did the rounds on twitter (and I presume elsewhere). Some heavyweights in there, so it’s great to see their thinking.
Just when you think you’re getting it, something comes along and blows your mind. I just about got my head around
this.props.children and this pops up.
Chaining Actions in Redux
I wanted to create a new band and then navigate to it. I didn’t know how until I read https://github.com/reactjs/redux/issues/1543.
The Freedom Ladder by Justin Jackson
Another thing that did the rounds on twitter. Fantastically motivating. Very much in theme with my recent tips on staying motivated post. Overnight success takes years!
While trying to figure out creating a WordPress plugin using React.js I wasn’t getting very useful error messages. https://premium.wpmudev.org/blog/debugging-wordpress-how-to-use-wp_debug/ should be how.
WordPress Plugin Development
I was completely overwhelmed by the options available to WordPress developers. Do I want an action, hook, filter etc. https://premium.wpmudev.org/blog/create-wordpress-plugin came to the rescue, within minutes I had some text appearing inside my theme. I have a long way to go, but this explained things nicely. NB. I know next to zero PHP.
http://learnlayout.com/position.html. It’s been a while since I’ve done CSS, so this was just a small reminder.
Progress Bar in ReactI wanted a progress bar for my React.js plugin. You can hopefully see it at the top of this page (click “Current Projects”). https://www.npmjs.com/package/react-progressbar was easy to add and it worked the first time.