This application is still under development, soon available on playstore & appstore 💻
This project is a full stack mobile application to read webtoons. The current most popular webtoon reading application (WEBTOON) is missing a lot of famous webtoons. Therefore I decided to create my own in order to fetch webtoons myself from different websites that do not have a mobile application, increasing the choice for the users.
Front end: React Native, Typescript
The chapter images are high resolution images with unsual dimensions (1000x8000). Fetching them and displaying them as fast as possible so that the user doesn't disconnect from the story he's reading is a crutial requirement. Being myself a webtoon adept, there's nothing more frustrating than scrolling and seeing the images flash as they load during an epic scene.
I tried implementing the image list (one chapter is composed of 10 to 50 images based on the length) in various ways, trying combinations of Image, Fast Image, Flat Lists, Flash Lists... to only name the main ones. In the end the best option is definitely not the one you would expect. The best option, giving us a fast download, high frame rate, optimized image caching, seem-less image transitioning, was to create a local html page with the images inside and then to display it using the Webview component, therefore utilizing the native Webview optimizations.
