ios | see wiki | Wiki library

Impact may not be 'websafe' then, as it appears to NOT be installed on Androids and iOS (mobile), otherwise it would work. Unless the class "MsoNormal" has a different font-family on it. (I would remove that, it's not necessary or related to performance.)

If that fails, you'll need you to use @font-face to load it in from a public website. Keep in mind @font-face is not supported on everything: https://www.caniemail.com/features/css-at-font-face/

As a fallback, you might like to use a similar font, via Google Fonts which is already setup for this: https://fonts.google.com/specimen/Anton

But to make it work on absolutely everything, you'll need to save it as an image, and load in as

The issue seems to be that you are already on the "/country/:name" path and are clicking to visit another country. The router correctly updates the URL in the address bar, but because CountryDetail is already mounted it neglects to recompute the item and allCountries state. This is because the useEffect hook only runs once when the component mounts.

The name param (match.params.name) is actually a dependency for the GET requests, it should be added to the useEffect hook's dependency array.

firebaser here

Firebase itself passes the ID token with each request, and then uses that on the server to identify the user and to determine whether they're authorized to perform the operation. This is a common (I'd even say idiomatic) approach to authentication and authorization, and if there's a security risk that you've identified in it, we'd love to hear about it on https://www.google.com/about/appsecurity/

From reading the blog post it seems the author is making a distinction between authentication (the user proving their identify) and authorization (them getting access to certain resources based on that identity), but it'd probably be best to ask the author for more information on why that would preclude passing an ID token to identify the user.

While editing my initial question to add more context as Jay proposed I think it found the issue.

What probably happens? The view where the crash is, contains a table view. Each cell will be configured before being presented. I use a flag which holds the information, if the amount of weight for this cell (it is a strength workout app) has been initially set or is a change. When prepareForReuse is being called, this flag has not been reset. And that now means scrolling through the table view triggers a DB write for each reused cell, that leads to unnecessary writes to the db. Unnecessary, because the exact same number is already saved in the db.

My speculation: Scrolling fast could maybe lead to a race condition (I have read something about that issue with realm) and that maybe causes this weird crash, because there are multiple single writes initiated in a short time.

Solution: I now reset the flag on prepareForReuse to its initial value to prevent this misbehaviour.

The crash only happens when the cell is set up and the described behaviour happens. Therefor I'm quite confident I fixed the issue finally. Let's see. -- I was not able to reproduce the issue, but it also only happens pretty rare.

Try removing the last line in which the cursor location is changed and see if this is the cause for slow performance. If so, try executing this part after a small delay:

This may not answering your question but have you tried console.log(response.data) before setItem(response.data) to check the data you get from axios.get? sometimes console.log can help

Simply use Optional chaining here:

You mistype the recycler_style.xml, the id must be specified in the android:id property and not in android:layout_width

Regarding the code structure question, it's fine, especially initially, to pass props down one or two levels.

In terms of code, something like that (note the convention is to start variable names with lowercase):