July 1st, 2019
I have multiple applications that I am working on at my full-time job but I wanted to take time to write about the latest project we released. That project is our new company website: t1cg.io. This was exciting for us as a team for many reasons but for me personally it was a great opportunity to implement Typescript in React! This was also my first time using CSS modules. So a big project with lots of hot new tech, you get it, but how did it go?
For anyone who has been wondering what a Typescript React component looks like, here is a little piece of code I wrote for our navbar. If you've never used Typescript I bet you can still guess what's going on here:
Typescript implementation not only helped our collaborations on this project but also reduced the amount of bugs. I believe it made the development cycle more efficient and a lot less painful when working on someone else's code. Our company is now adopting Typescript into every React based project we have and I'd encourage you to look into it too! Along with TS we are also using CSS modules as our styling method from here on out. We found CSS modules were the best way for our team to keep styles from interfering with one another and keeping things organized ( I also exclusively use it now for my personal projects!). If you haven't given CSS modules a chance I HIGHLY suggest you do!
Below are some resources to learn more about Typescript and CSS Modules. If you have any questions or would like to hear more about our project please tweet or email me and I'll get back to you as soon as I can. Also please check out t1cg.io and give it a tour. Our team worked very hard and had an amazing time on this project. I personally contributed a lot of code to this site and would love to hear some feedback :-) Until next time!