Fullstack Developer

You are given a long string of text and a maximum character length for a tweet. Your task is to write a function that splits the text into one or more tweets.

The splitting must adhere to the following rules:

Each tweet string must have a length less than or equal to maxLength.

Splitting must only occur at word boundaries (i.e., on spaces). A word must not be broken in the middle.

If the text is split into multiple tweets, a numbering suffix like (1/3), (2/3), (3/3) must be appended to each tweet.

The length of this numbering suffix must be included when calculating the total character count of a tweet.

Your function should return a list or array of the resulting tweet strings.

Implement a createCart() function that returns the following methods:

• addItem({ price, quantity })
• applyDiscount(percent)
• calculateTotal(tax, freeShippingThreshold, shippingCost)

Conditions:

• calculateTotal should return an object with: subtotal, discount, tax, shipping, and total.
• Round all values to 2 decimal places.
• Shipping is free if the total after discount ≥ threshold.

• Explain the differences, benefits, and use cases of SSR vs CSR.
• What is JWT? How are tokens structured, stored securely, and used for authentication and authorization on the client side?
• What is the role of React Query in managing server state, caching, and revalidation?
• What is the difference between useCallback and useMemo?(Learn) How are they used for performance optimization?
• What is React.memo? When is it useful, and what are the potential pitfalls if not used carefully?
• What are some performance optimization strategies in React (e.g., lazy loading, code splitting, avoiding unnecessary re-renders)? (Learn)
• How does Redux compare to modern alternatives like Zustand or Recoil?
• What is the difference between debouncing and throttling? What are their use cases, and how can they be implemented (e.g., using Lodash or custom hooks)? (Learn)
• React Coding Question: Design a reusable and accessible Accordion component in React that allows users to expand and collapse content sections.

I had a basic discussion with the CTO. He asked me to build a production-level furniture item page that fetches data from a free public API. The page should have a clean, modern UI and include a share button that allows users to share the product page URL. He also permitted the use of AI tools and any other resources.