A successful product relies on 2 things

🛣 user friendly features (business requirement)
🔭 future-ready system (system design)

Of course Marketing, Usability are important as well.

A small discussion, 🧵 👇
{1/4}

While building a house, you plan it for at least 2 decades.

But, while building a product, what's in your mind?
{2/4}

Business requirements should be driven by end user's preferences.

Like before you start building a house, you understand preferences of each member in the house.
{3/4}

Your system design should be futuristic. A good design is governed by a proper future estimation.

Design it for
❍ Scalability
❍ Availability
❍ Consistency
❍ Low Latency
❍ Security

Take the benefit of Cloud Computing and, Distributed Architecture.
{4/4}

When you start building a product after learning a programming language, you realise

❍ learning the language was comparatively easier
❍ understanding the business requirements properly is tough
❍ bringing a robust system design is the real challenge

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Swapna Kumar Panda ✨

Swapna Kumar Panda ✨ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @swapnakpanda

21 Dec
💙 Custom React-Based Tools

⮑ Web App
⮑ create-react-app
⮑ Gatsby
⮑ Next.js
⮑ Native App
⮑ React Native Mobile
⮑ React Native Desktop
⮑ CLI
⮑ Ink
⮑ React Blessed
⮑ PDF
⮑ react-pdf

And, many more.

🧵 👇
❝Learn React Once
Build Apps for any Platform❞

❍ React's architecture is so flexible that anyone can build a custom renderer

❍ The renderer converts JSX component to native component

❍ The final product could be anything. It even doesn't need JS-Engine at run-time.
⬔ Web Application

⮑ Client-Side
⮑ create-react-app (SPA)
⮑ Server-Side
⮑ Gatsby (SSG)
⮑ Next.js (SSR + SSG)

❅ Legend:

➊ SPA: Single Page Application
➋ SSR: Server Side Rendering
➌ SSG: Static Site Generator
Read 8 tweets
20 Dec
🔥 🔥 JavaScript Frameworks to build API & Microservices

⭔ Hapi
⬠ Express
⭔ Next.js
⬠ NestJS
⭔ Loopback 4
⬠ Restify
⭔ Feathers
⬠ Moleculer
⭔ Sails
⬠ Actionhero
⭔ AdonisJS
⬠ Koa
⭔ Fastify

Which one is your favourite? Reply in 💬
Before proceeding, if you want to find out different ways of calling APIs in JavaScript, check 👇

⭔ Hapi

❍ Hapi is a simple, secure, and open-source javascript framework.

❍ It is used to build powerful, scalable applications with minimal overhead.

❍ It was originally developed to handle Walmart’s Black Friday sale.

➢ Refer: hapi.dev
Read 16 tweets
19 Dec
8️⃣ ways of making API calls in JavaScript 🔥

⮑ Browser [Client-Side
⮑ Fetch API
⮑ axios
⮑ jQuery
⮑ XMLHttpRequest

⮑ Node.js [Server-Side
⮑ https
⮑ axios
⮑ node-fetch
⮑ got
⮑ superagent

Which one do you use? Reply in 💬
❍ There are 2 parts to an API. A server and, a client.

❍ A client makes an API call by requesting an API server to consume some API data.

❍ There exists many in-build/external libraries which help in making those API calls.

Let's explore them 👀
➊ XMLHttpRequest

❍ XMLHttpRequest is a built-in browser object that allows to make HTTP requests in JavaScript.

❍ It was deprecated in ES6 with the introduction of Fetch API. Still it is used to work with old browsers.

❍ The response is always in String format.
Read 11 tweets
14 Dec
💜 DSA Mostly Asked Questions [2]

🔥🔥 Covering 4️⃣0️⃣ Algorithms

If you are interested in the 1st of this series, check 👇

Series: 2️⃣
Level: Beginner
Topics:

⇰ Linked List - Concepts
⇰ Linked List - Operations
⇰ Linked List - Algorithms
Read 14 tweets
13 Dec
💙 Popular JavaScript Engines

⇰ V8
↳ Chrome
↳ Brave
↳ Opera
↳ Microsoft Edge
↳ Node.js
⇰ SpiderMonkey
↳ Firefox
↳ MongoDB
⇰ JavaScriptCore
↳ Safari
⇰ Chakra
↳ IE

✪ Popular Browser Engines ⇩
💜 Popular Browser Engines

⇰ Gecko
↳ Firefox
⇰ Webkit
↳ Safari
↳ Chrome for iOS
↳ Firefox for iOS
↳ Microsoft Edge for iOS
⇰ Blink
↳ Chrome
↳ Opera
↳ Brave
↳ Microsoft Edge
⇰ Presto
↳ Opera (Old)
⇰ Trident
↳ IE
0️⃣ Definition

⇰ JavaScript Engine
✔️ A JavaScript engine is a software component that executes JavaScript code.

⇰ Browser Engine
✔️ A Browser Engine transforms HTML documents and other resources of a web page into an interactive visual representation on a user's device.
Read 9 tweets
12 Dec
HTML (Interview) Questions [S2]

If you are interested in the 1st of this series, check 👇

Disclaimer:

• The questions covered here are mostly conceptual
• I never claim only these type of questions are/should be asked during interviews
• For interviews, you should have fundamentals strong. And you should be able to provide solutions to practical problems.
Read 11 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(