Take a look at this little method below. Three issues come to mind the first time you see it. Unnecessary calls to array_key_exists
, long chaining of if
conditions, and a redundant nested code. Let's see how it can be improved, without changing its behavior.
Using the null coalescing operator
The first thing we want to do is get rid of all those calls to array_key_exists
. The reason for that is that it can be written much more simply. The null coalescing operator is meant for exactly the same purpose we have here, to be safe from exceptions of missing array keys.
Using the ternary shorthand operator
The code basically wants to retrieve a $cityName
value from the $addressArray
, which has many keys to represent the name of a city. It traverses the array keys one by one until it finds a non-empty value. It can be made shorter, however, by replacing the if
conditions with the ternary operator ?:
. The ternary operator will return the left-hand value if it evaluates as true
, otherwise, it will return the right-hand side.
Removing one more unnecessary condition
At the end of these empty value checks, the code has one more condition. If the value is still empty, it sets $cityName = 'error'
;. Then, only if this value is not 'error'
, it allows the "happy path", which is fetching or creating the city, launching an event, and returning that $city
.
Now either the programmer wanted to make sure not to proceed with the happy path if they got an empty value, or they wanted to prevent getting a value of 'error'
from the $addressArray
itself, which is unlikely. Taking into account how the rest of the code is using this method, it's safe to say that they simply wanted to avoid empty values. In that case, we just check for empty values.
One more nested code gotcha
The code above looks good, but it can look a little bit better. That if
condition is visually pushing the main bulk of code on the right of the screen, although by a very small margin. But what if the main code was longer, and more complex?
This happens pretty commonly, checking for the right conditions to execute the happy path, and if those conditions aren't met then return an error value. To fix this, you should "exit early", which means you test for the error condition (or exit condition) first. If that condition is met, exit right away, and the rest of the code can run without being nested.
And that's it. These little changes mostly help for making the code more readable, and a little bit shorter.
The code used for illustration is taken from the OpenLitterMap project. They're doing a great job creating the world's most advanced open database on litter, brands & plastic pollution. The project is open-sourced and would love your contributions, both as users and developers.
Top comments (6)
Back then when I safely check variable like this:
Now it's shorter with:
hi i read somewhere that putting reactjs in a laravel project is not a good practice
Not really, There is no good or bad practice. VueJS was something that Taylor Otwell personally liked and made laravel in tuned with it, but in practice, you can use anything for the front-end. I recently started migrating a laravel+vue app to laravel+svelte, and there is not much of a friction.
Then there is also a matter of architecture, For someone who is more comfortable with monolithic php, livewire might be better than anything, else. Some something light, Alpine.js is also popular. My application was API first designed with separate frontend server so switching front-end is simple.
my problem is the following I want to build a web application with reactjs for the background tend and laravel for the backend so to do it I want to separate it into two projects a reactjs project for the background tend and a laravel project for the backend I want it do in the perspective of obstructing application loading and SEO referencing so I would like to know if this is a good practice
Your approach is correct.
Make 2 projects, Laravel API, (or lumen) and a React frontend.
Serve React site (node server) on your-domain.com, and fetch data from api.your-domain.com will be your php-laravel endpoint.
Once you have done that, you can use server-side rendering ( and later a technique called hydration ) to your first load, that will help with SEO.
SEO is mostly related to what is served on front, so you need to work on SEO techniques on your react front-end. Depending on your need you might not need to do anything seo related in laravel api except for making sure http codes are proper.
thank you for your contribution