This is the second time I've made this app, because I realized that the previous one was a little bit slow (especially when loading the large number of comments), and the information (stories or news) density on mobile devices view was too low - you could see only two stories on the display shown at the same time, and you needed to scroll or slide a lot to get to the last story.
So, because of the aforementioned reasons, I've decided to refactor my previous code - make the app run faster and add another view (theme), which is similar to the original classic Hacker News view, with more information density.
I'm still using the official Hacker news API to get the data (stories, comments, replies...) for the app.
The technologies that I'm using are: React JS, React Router for managing the app routing, Redux for partial state managment, and vanilla CSS for styling the app.
I decided to add a new UI view (or theme) because it wasn't so user friendly, as I thought it would be, on mobile view with the original Modern theme. So I added the new UI theme (classic) which is very similar (but a bit more colorful) to the original minimalistic Hacker News UI, which is very dense in information. It was a lot of work with CSS for adding this theme, because I literaly had to go backwards and rewrite a lot of lines from complex to more simple UI.
As I wanted to implement Dark theme to both views (Ui's) the function that I wrote for class naming (themedClass) helped me a lot not to lose orientation when writing class names. I added a few more skeleton (or placeholder) components so that the app had a smoother transition while changing the routes. The vanilla CSS is used throughout the whole app.
Looks amazing, faster even. I am thinking of alternating between the live one and the redesign, however just love this look of defaults, its nostalgia + speed.
2 comments
[ 0.22 ms ] story [ 14.9 ms ] threadThis is the second time I've made this app, because I realized that the previous one was a little bit slow (especially when loading the large number of comments), and the information (stories or news) density on mobile devices view was too low - you could see only two stories on the display shown at the same time, and you needed to scroll or slide a lot to get to the last story.
So, because of the aforementioned reasons, I've decided to refactor my previous code - make the app run faster and add another view (theme), which is similar to the original classic Hacker News view, with more information density.
I'm still using the official Hacker news API to get the data (stories, comments, replies...) for the app.
The technologies that I'm using are: React JS, React Router for managing the app routing, Redux for partial state managment, and vanilla CSS for styling the app.
I decided to add a new UI view (or theme) because it wasn't so user friendly, as I thought it would be, on mobile view with the original Modern theme. So I added the new UI theme (classic) which is very similar (but a bit more colorful) to the original minimalistic Hacker News UI, which is very dense in information. It was a lot of work with CSS for adding this theme, because I literaly had to go backwards and rewrite a lot of lines from complex to more simple UI.
As I wanted to implement Dark theme to both views (Ui's) the function that I wrote for class naming (themedClass) helped me a lot not to lose orientation when writing class names. I added a few more skeleton (or placeholder) components so that the app had a smoother transition while changing the routes. The vanilla CSS is used throughout the whole app.
What do you people think about it?