Front-End Development is more Complex than You Think

Richard Hendricks, standing thinking — Silicon Valley (TV series)

User experience (UX)

Illustration: bad/good UX experience

Accessibility (a11y)

Illustration: Accessibility A11Y

Internalization (i18n)

Illustration: world on a chat icon

Data State

Data Base Illustration
  1. Server state — Data resides at server or database which belongs to client application is called as server state.
  2. Persistent state — When client makes a call to server and server responds with some state (data) that is called persistent state.
  3. URL/Router state — Any information resides in URL is called as URL/Router state.
  4. Client State — current client application state, after all manipulations from URL state, for e.g., applying some filter based on a URL parameter.
  5. Transient State — current client application state, after all manipulations that are not represented by URL parameters.
  6. Local UI state — State of UI components like button colour.

Performance

Performance: bad, poor, average, good, excellent.

Scalability

Security

Illustration: security.

Extensibility

Illustration: Extensibility.

Conclusion

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store