I've recently been assigned as the main and only frontend developer for a public-facing website project that involves React. While I have several years of experience with React and am comfortable with TypeScript, I primarily come from a backend-focused background. I've never worked on a publicly-facing app, let alone anything as interactive as a webshop.
I need some guidance on resources and best practices for building modern React applications. Specifically, I'm looking for advice on security practices beyond the OWASP Top 10, whether I should use tools like Redux or Next.JS, and insights on UI/UX choices—should I go with Tailwind, AntDesign, or MaterialUI? I'm also unsure about common pitfalls, libraries I should familiarize myself with, and whether I need to get comfortable with build tools like Webpack or Gulp. Ultimately, I'm feeling overwhelmed about implementing UI mockups correctly and scaling them for mobile. Any help would be greatly appreciated!
3 Answers
Honestly, if you're not comfortable with frontend work, it’s a bit worrisome to be leading this project. But hey, don’t stress too much! You've got React experience, which is a good starting point. Just be upfront with your team about where you stand, and don’t hesitate to ask for help when you need it. They'll appreciate your honesty!
Why mess with React if you're not feeling confident in it? If you're more comfortable with C#, stick to what you know, or work closely with your backend team. That said, since you're already involved, get familiar with Next.js for easier handling of routing and server-side rendering. Tailwind is great for styling, and it's easy to make responsive designs!
That’s true! Sometimes playing to your strengths makes the most sense.
You should definitely use tools like Tailwind for quick styling and responsiveness, but don’t stress too much about things being pixel-perfect. Always focus on functionality first and iterate later. You can also integrate Figma with your workflow to speed things up. Just remember that building a webshop can get complicated, so don't hesitate to recommend using established platforms if things get tricky.
And remember, it’s all about adapting as you go. Focus on delivering a working version first!
Yeah, it’s important to communicate with your team. That way, everyone knows where to pitch in.