It's been a while since my last blog post, but I have been busy diving into the world of web (more than just googling 😀). In my previous posts, we have been working with React Native and how we came up with our productivity tracker tool TicTok. Soon after release, we got feedback that many people on industry work with their laptops all day long so, in those cases, a web application would be much more convenient for their use. As always we here at Finlabs take our users opinions seriously and started hammering out a web application.

Since we have already had a little bit of experience of React and Javascript, the road from mobile React Native app and web React app was surprisingly easy. Of course, there were some rocks in our way, some small and some bigger. Biggest to mention was learning the usage of UI Framework. I chose Semantic UI React. I highly recommend using basic layouts and simple CSS, remember that !important will most likely be your best friend when overriding those framework default styles and make the app look they way you want. Don't try to get too fancy unless you know exactly what you are doing, you might end up throwing your layout code to trash since the almighty IE doesn't support some styles.

Development itself turned out to be quite the same. Many same top-notch libraries can be used with React apps e.g. Redux, moment and so on. The biggest difference for me was navigation. Don't worry though, React Router and history  are here to save you. Usage for common cases is fairly simple and examples cover those pretty good. Making the web application fully responsive to scale into tablets and mobile devices is a field into which I did not dig in yet. I am sure that will offer a lot of challenges and will be time-consuming. For setting up dev and prod configuration check out this awesome post: https://medium.com/@tacomanator/environments-with-create-react-app-7b645312c09d

As a conclusion, if you have previous experience of React Native and Javascript working with React web applications is totally in your field. And if you don't have, just go for it. I can definitely say it will be interesting for you and will make you a better team member. Learning and working with different areas in software development is the best thing you can do. Don't forget to check out TicTok web application and give us your thoughts what is the thing you want to see there.

Cheers and happy summer! 🏖🍦☀️😎

 


 

More About TicTok:

TicTok has been developed by Finlabs as an internal tool for the team to monitor and log the hours worked against tasks. By simply nudging the user through periodic push notifications, and asking them to log the tasks and time they have just been engaged in, results in a “set it and forget it” system allowing our users to continue their workflow uninterrupted log accurate timings that can easily be referred back to as needed.

 

About the Author:

Niko is Finlabs mobile development guru. Working in a team, or as a one-man show, Nikos skills in mobile development are some of the best and fastest around. Niko has strong experience in modern development methods and technologies and has flexed his development muscles at the likes of Nokia and Osuuspankki, where he was a leading member of teams creating global, award-winning products.

On our projects, Niko is often the driving force. His passion to push himself to the edge encourages other team members to push themselves beyond their regular limits.