Vue 2 used to support callback refs, but removed in 2.2 because it caused bugs that were hard to fix without breaking backwards compatibility. Callback refs are more powerful in comparison with string refs, with a very cheap price to pay: slight verbosity. …

If it looks stupid but works, it ain’t stupid. If you haven’t read about render props before, check out: Use a Render Prop! Render Props are a powerful way to compose state in React.cdb.reacttraining.com Problem You have a lot of sorting presets (Chronological, reverse-chronological, alphabetical, et al). For performance reasons, you want to store the filtered array into your state instead of doing the filtering inside…

If you’re fairly new to building UIs, specifically with React, deciding the data structure for the states of each item in a collection can be quite tricky. But as you progress and learn techniques, especially this one, hopefully this kind of task becomes less terrifying. Scenario Here’s an example of the…

Oftentimes, there’s unwarranted extra effort in building a reusable component that can be either async or sync based on the provided props. There’s extra if-else statements around the place; it makes a lot of noise. This just makes it harder to read, all the more so change. …

When using Eloquent’s scoped queries, use the $query provided as the first argument. Wrong class Post extends Eloquent { scopeRecent() { $weekago = //; return $this->where(‘created_at’, ‘>=’, $weekago); } } This will work but not produce correct results. Correct class Post extends Eloquent { scopeRecent($query) { $weekago = //; return $query->where(‘created_at’, ‘>=’, $weekago); } }

Inevitably, the typical (but reckless) setup in the becoming-common API-centric development is having the backend and frontend work at the same time. However, because the frontend relies on the backend, slight delays from the backend can cause detrimental impact to the team’s productivity and deadlines. Use case Like most methodologies, apply this…

Currently, Envoyer does not yet have any option to skip composer install. This was initially a downer because I’m deploying a Laravel application running on Docker. But it was actually quite a simple feat to accomplish through Deployment Hooks. How-To In the Install Composer Dependencies action, add a pre-hook that moves composer.json outside the release folder: cd {{release}} mv composer.json /tmp

Using a simple programming concept to help you test React components. The Problem It’s annoying when your cli / your browser console is filled with utter crap due to proptype issues. This usually arises when your component has bazillion proptypes. This is how your console (browser console/cli) may look like in testing…

What I love about http libraries like axios is not just how it makes it simple to make a request, but also how simple it is to test it. Normally, you would run a fake server (with a library like Sinon), and imitate responses to test a request. After doing…