---
# System prepended metadata

title: 'Custom image/video planning, React translations - Wed 9th September, 2020'
tags: [programmingjournal, '2020', customimgvid, translation, i18next]

---

# Custom image/video planning, React translations - Wed 9th September, 2020

I had a long meeting today about the custom image and video recognition item functionality we need to build as soon as possible really. As always, the actual implementation is going to be more complicated than originally expected. 

For example: how to best deal with images that are not the correct resolution or size for the Wall?

1. Showing a border around images that are not the right size
1. Scaling up images that are too small (may lead to blurry images - clients are not happy with this)
1. Fixed size requirement, e.g. 3300 x 2100 (risky as most images won’t be this size)

The meeting went on a lot longer than expected, but it's good to understand a lot of this complexity early on and set reasonable estimates.

I also explored a solution to add translations to React projects, as the demand for this is only going to increase as we start adding more non-English speaking clients. 

I think the best solution is the excellent [i8next](https://react.i18next.com/latest/using-with-hooks#configure-i-18-next) library, in conjunction with an endpoint that we request the translated Json from to work with their [Backend](https://github.com/i18next/i18next-http-backend) setup.

###### tags: `programmingjournal` `2020` `customimgvid` `translation` `i18next`