Month’s Useful Links – June 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 month’s useful links. I’ll be using this for reference, hopefully it’s useful to someone else too

Monthly Reading – June 2016

In no particular order, this month I found the following useful/interesting

How to style forms with Bootstrap
The best explanation I could find about the options you have for styling forms with bootstrap was https://formden.com/bootstrap-form-guide/. Very clear, succinct and provided great examples.

Form-serialize
I’m going to publish a blog post on forms with React at some point. Something about controlled components and the boilerplate required didn’t sit well with me. For now, I’m using https://www.npmjs.com/package/form-serialize to obtain a simple object of the values entered.

Pete Hunt How To Learn React
I got bogged down with analysis paralysis while trying to decide how to style my React app “correctly”. I read way to much about using normal CSS, inline-css and eventually css-modules going down a nice side trip into material-ui vs elemental ui vs react-toolbox vs react-bootstrap.

Thankfully I remembered Pete Hunt’s great guide on what to learn. Keep it simple until you start having problems. Recommended reading https://github.com/petehunt/react-howto.

React snippets in VSCode
I use Visual Studio Code for my development, saw a tweet about creating snippets and found https://github.com/xabikos/vscode-react. Lots less typing now!

WordPress sitemap.xml 404
I was having a bit of trouble trying to generate a sitemap.xml. I was getting a 404. Re-submitting my permalinks settings, like https://kb.yoast.com/kb/my-sitemap-index-is-giving-a-404-error-what-should-i-do/ recommended seemed to do the trick.

Reactjs-training PinToBottom
It is always good to test your skills. So when Reactjs-training provide the opportunity for free, I leapt at it. The first problem http://codepen.io/ReactJSTraining/pen/MeePdW?editors=0010 was about adding a PinToBottom component. I managed to get it partially working, as I couldn’t get an elegant way to cope with the user scrolling back up. The solution http://codepen.io/ReactJSTraining/pen/QEEzbG/?editors=0010 showed me how. I highly recommended these two, especially the videos.

React Lifecycle Events
The first search result was really good https://busypeoples.github.io/post/react-component-lifecycle/. I’ve not used the majority of these so far but wanted to read up on them first.

No comments yet, your thoughts are welcome.

Leave a Reply

Your email address will not be published. Required fields are marked *