So I was browsing LinkedIn, looking for a new job and I saw this great post offering $170k - $200k for a React.js Developer position.

When I took a look, it was a crypto company looking for a Mid-Level - Senior React Developer.
Initially I was hesitant because the job post had already 200+ applicants, and I said there was no way I was gonna be selected for this role, but I had nothing to lose so I applied anyway.

One week later, I received an email that my profile stood out and a recruiter will reach out for an initial screening interview. So I book the time with the recruiter and It was just the typical conversation about my experience and technologies I am familiar with, why I am looking for a new role bla bla bla.

So after this interview with the recruiter, I got an email the next day, stating that I moved to Next Step which is a take home assessment, and my code will be reviewed by a Techlead after submission and will decide if I move forward or not, with a link to the description of the assesment and what the deliverable should be.

So here is the description:

In this assessment, you will build a simple Kanban board using React that allows users to manage and monitor a list of cryptocurrencies. The board will have two columns: an "Unwatched" list and a "Watched" list. Users should be able to drag and drop coins from the Unwatched list to the Watched list. When a coin is moved to the Watched list, a live chart displaying real-time data for that coin should appear under it. The application should handle errors gracefully.

Requirements

1. Columns:

   • The board should have two columns:

     • Unwatched Coins: A list of all available coins.

     • Watched Coins: A list where users can drag and drop coins they want to monitor.

2. Drag and Drop:

   • Users should be able to drag a coin from the Unwatched list to the Watched list.

   • If an error occurs while moving a coin to the Watched list, the application should alert the user and return the coin back to the Unwatched list.

3. Live Chart:

   • For each coin in the Watched list, display a live chart that monitors the price of the coin in real-time. The chart should be updated regularly with the latest data.

4. Error Handling:

   • Implement error handling during the drag-and-drop operation. If an error occurs (e.g., a network issue while fetching coin data), display an alert to the user and revert the coin back to the Unwatched list.

5. Styling:

   • Basic styling is sufficient. Focus more on functionality and problem-solving.

Technical Requirements

• You may use any drag-and-drop library of your choice

• You may use any charting library of your choice

• You may use any component library or build your own components.

• The application should be built using React.

• You can use any state management solution (e.g., Context API, Redux).

If you have any question regarding the requirements, you can reach out to this email [****] for more clarification.

So given that I know that there was lots of applicants I was determined to deliver the best codebase possible in every aspects.

So I reached out to the email provided,to ask more question about their current tech stack, and libraries they use, my goal was to use the same tech stack they use internally to demonstrate that I am already familiar with their stack and get a better chance of being selected.

So here goes the email I sent:

Subject: Quick Question About the Libraries You Use

Hey Josh,

Hope you're doing well!

As I'm diving into the project, I wanted to sync up on a few things. What libraries are you using for state management, charting, drag and drop, and components? Just want to make sure I'm aligned with the team's stack.

Thanks a ton!
Best,

So he answer a couple of hours later, and in his answer he stated that they use the following tech stack:

• Drag & Drop: react-beautiful-dnd - Component Library**: Material UI** - Charting**: Chart.js** - State Management**: Redux**

So while I've used materialUI and Redux before, but I never used react-beautiful-dnd nor Chart.js so research time.

I spent some time reading documentation and playing around with react beautiful-dnd and chart.js and after a couple of hours I already felt confident about tackle the project.

So I setup a new React project using React and TypeScript and get to work, I tried writing the cleanest code possible and setup the most organised project structure I could think of.

Even though they said styling is not important, I tried my best to make the project looks good and show off a little bit my css skills and a sense for the layout and design design.

After 2 days, i felt confident with what I've came up with, and time for submission.
So I submitted the project and crossed my finger. See the video below for the complete project.

2 days later, I got an email back, I was selected to move forward again. I was really happy cause I worked really hard and tried my best on the assessment.

So, next step was a code review with the Techlead and some team members to explain what I did, why I took some decision and also implement some additional feature live.

So, the day of the next interview, the Techlead told me that he was really impressed with my submission, he really liked the code structure, the look and feel of the UI, and asked a lthe following questions:

Question 1: Why did you choose the tech stack you choose for this project, why you chose Redux and not Context API ?

My Answer:
Initially I was gonna use the Context API, because this particular project is not too big, and I think the context API is good enought for this use case. But after learning that you guys use Redux internally so I thought I would use Redux just to show that I am familiar with the technology. I also use Immer along to make the redux code cleaner, that way I reduced a lot of boilerplate and improve the readability of the codebase.

Question 2: What would you do differently and how would you improve your codebase if you were to move this to production ?

My Answer:
Right now, the code works properly, I did a lot of testing and I am happy with how it is. However there is no unit-test or integration tests. Before moving it to prod, I would add unit-tests using a library like React-Testing Library and probably integration tests as well with a Library like Cypress or PlayWright.

Question 3, Live coding: Right now, if you refresh the browser, all the data is lost, Let's say a user don't want to lose their watch list, what would you do to prevent that and can you share your screen and implement this functionality?

My Answer:
So the best way is to have a backend API and persist the user watchlist in a database on the server, but since I don't have a backend for now, I can use the LocalStorage or IndexedDB to store the data and ensure data persistency on page refresh.

Then they decided that I can use LocalStorage for simplicity, so I shared my screen and Implement data data persistency on page refresh, and everything went smoothly.

So they had a couple of React core concept questions afterwards.

And the Techlead give me the feedback on the spot, that he was already impressed with my submission, and I he liked the my answers to the question and he think I'd be a good asset for the team. And last step was an interview with the Manager.

So I eventually had the interview with the manager, it was just a chat, he said that he had a super great feedback from the Techlead and the rest of the team, and someone will reach out with an offer.

So, one day later they sent the offer, they offered 175K, and I was able to negotiate to 190K.

If you'd like to see the codebase of the submitted for the assessment, I created a Community of React.js Developers here to share knowledge, learn and collaborate. You can join here if that interests you, and the code base is available in the community resources here.

So that's it. I wanted to share this story and hope that it will serve someone out there.

Watch the Video of the final project here: https://www.youtube.com/watch?v=EFQDiQFDL9c

I’m not sure what’s going on with Claude Code lately, but it’s consuming way too many tokens.

I literally reset it just yesterday and only made a few small changes using Sonnet, and somehow I’ve already hit 15% of my weekly limit.

Is anyone else experiencing this? And is there any way to reduce or control the token usage?

This questions shows up multiple times a week.

CRA is deprecated. Don’t use CRA. USE VITE TO SCAFFOLD NEW PROJECTS.

CRA is deprecated. Don’t use CRA. USE VITE TO SCAFFOLD NEW PROJECTS.

CRA is deprecated. Don’t use CRA. USE VITE TO SCAFFOLD NEW PROJECTS.

Hopefully this helps future beginners.

Hey everyone! I wanted to share a quick update on ThreadHive, the social platform I’ve been building — a modern, community-driven app inspired by Reddit, but with a fresh design, achievements, and an evolving identity system. I’ve just started working on the responsive version, so ThreadHive is finally becoming mobile and tablet-friendly! Some sections are already shaping up nicely, and I’d love for people to explore the platform, test it out, and let me know how it feels. You can browse freely, create posts, join discussions, or just look around — every bit of interaction helps me improve the experience. I’m especially looking for feedback on performance, UI, and responsiveness — anything that can make the platform smoother and more enjoyable. This is still a work in progress, but every visit, click, and suggestion means a lot. If you’re curious about what a reimagined Reddit-style community could look like, give it a try and tell me what you think! → ThreadHive → Documentation Repository (Private) Thanks in advance to everyone who checks it out and helps shape the Hive!

I’m seeking a React.js internship (paid or unpaid) where I can work under experienced developers on real world projects. My goal is to learn backend alongside frontend and grow into a full stack developer through hands on experience.

I’d appreciate any advice from experienced developers on how I can grow my career. What tips would you give someone in my current stage to progress faster and more effectively?

Ever wanted to tell Chatgpt your code or files structure and couldn't type it all?

Here's this free plugin that let you generate tree view of your structure one click 😉

Available on both VS Code & Jetbrains 🔥

https://github.com/HichemTab-tech/JetTreeMark-vscode

https://github.com/HichemTab-tech/JetTreeMark

NextJs is not the PERFECT framework it’s hyped up to be, and the fanboys / junior dev are insufferable. App router is not production ready, the bundler is shite, and turns out Vercel itself is built on stolen ideas.

https://news.ycombinator.com/item?id=14769773

It’s just subpar framework, built by a company that burns VC money and copies apples marketing, pays influencers to talk about the framework. Terrible.

Hello ! i did an bootcamp for full stack web developpment in 2022 but after that i didnt code

i learned javascript react html css and mongodb ,and my probleme is i dont have that inspiration to do a good in design in the web and i didnt practice for a year

is there any websites to relearn front/back end again and thank you

should a senior frontend developer know how to define any sort of typescript type?

I would presume you at least know how to define typescript types for react props even if it's just the simplest props we could imagine

Please rate my resume and projects.

I'm in a really tough financial situation right now and desperately need work. Despite having solid frontend engineering experience and trying everything, I have 2 years of experience but currently not getting a job. I urgently need money to get through this crisis. I'm skilled, reliable, and ready to prove myself. Please look at my profile at https://www.wonderstk.com. I can handle any frontend work you need and will put in my best effort. I'm asking for a chance to show what I can do

I was finally able to complete one of my big projects with React and it was a very smooth and pleasant experience. Really the felt the sky is the limit.

Main reason being that's very easy to keep a project organised meaning that it's easily to scale as a solo dev :)

Here is the site I built for those interested (a site for people living abroad): https://distantclub.com

Feel free to ask me any questions if you are building something similar to see if I can help!

I feel like the job market today is pretty competitive, especially with so many developers learning JavaScript and React.js. While there are still opportunities, it can be tough to stand out unless you have some unique projects or a solid portfolio. It’s not just about knowing React anymore; recruiters are looking for developers who can show they have a deeper understanding of the whole ecosystem, including things like Next.js, testing libraries, or backend knowledge. Overall, it’s important to keep learning, building real-world projects, and staying up to date to have a better chance.

I’m building VoxEngineer — a voice-activated AI assistant for engineers that can generate code, system diagrams, and 3D mechanical models without relying on OpenAI’s API. I’m training and hosting my own models on AWS, and I’ll be sharing progress, challenges, and lessons learned along the way. Would love feedback from fellow builders! This is the 2nd day wish me luck!

I’ve noticed over the past few months that my teammates really don’t like learning new things.

About six months ago, we started a new web project. It was supposed to be a refactor of another project built with React Native.

I suggested using Next.js for the advantages it offers compared to vanilla React.

My teammates thought it was a bad idea due to the learning curve. Personally, I believe that while it's not 100% the company’s responsibility to train us (since it's a startup), it is the responsibility of frontend engineers or developers to stay up to date with new technologies so that they can have a broader perspective when tackling problems.

In the end, we built the app with CRA (lol) because the frontend lead didn’t know how to do it any other way. (After a few months, I migrated the project to Vite.)

Now, we're in a stable stage of the product and proposing new ideas, but these "new" ideas don't have to be complicated or take a lot of time to learn.

I feel stuck because I know I can do more exciting and fun things than just swapping one component for another, but at the same time, I’m getting this feeling like my job is giving me imposter syndrome.

Am I the one in the wrong here?

Hello I am newbie and been using React.js since 2023. I've learn a basic fundamentals of Typescript, because I understand JavaScript because of Typescript and last year got a trauma of using React.ts as frontend and PHP as backend.

Currently now I am build a Project but still thinking if I use Typescript?. Tbh I don't know what is the benefits I get when I used typescript and having a doubt using it because some of people on the internet Typescript is hassle in development. Your asnwer will be very big help.

Scared. Just starting out. Already feeling threatened by AI.

Why does every React tutorial hype up useEffect like it’s the solution to all problems, when half the time it just breaks your app?

Just pushed a few updates to my app:

✅ Added Set Goal feature 🧮 Goal now auto-calculates based on income and selected source ✍️ You can also update the goal manually 🛠️ Fixed the edit modal UI 🔁 Fixed the transfer issue — it was showing 0, now shows the real-time amount

Bit by bit, it's getting better 🚀

buildinpublic #solodev #ReactJS #coding #indiehackers #webdev #programming

Hey, I’m the creator of Pillar-ui, an open-source react library that includes a set of packages (Core UI, Hooks, Icons, Utils). My goal was to build something lightweight the core components are 9x smaller than many existing UI libraries in the React ecosystem but it hasn’t gained any users yet.

I’d love to hear your thoughts! If you’re a front-end dev working on a new project, what factors influence your decision when choosing a UI library? What might stop you from trying out something like Pillar-ui? I’d really appreciate any honest feedback or suggestions.

My aim is to make it as useful as possible for devs like us, so I’m open to ideas on how to improve it. Thanks in advance!

Hello, I'm learning React and on all the introduction videos I've watched none of them explain why node.js is installed. Can someone please explain to me why most beginner FE React tutorials require me to install node?