ಫ್ರಂಟ್‌ಎಂಡ್ ಒಂದು ಸಂಭಾಷಣೆಯಾಗಿ ಬದಲಾಗುತ್ತಿದೆ

ಒಂದು ದಶಕದವರೆಗೆ, ಫ್ರಂಟ್‌ಎಂಡ್ ಅಭಿವೃದ್ಧಿಯು ಪರಿಕರಗಳ (tools) ನಡುವಿನ ಹೋರಾಟವಾಗಿತ್ತು. ನೀವು React ಅಥವಾ Angular ನಡುವೆ ಒಂದನ್ನು ಆರಿಸಿಕೊಳ್ಳಬೇಕಿತ್ತು. ನೀವು Webpack ಅಥವಾ Vite ನಡುವೆ ಒಂದನ್ನು ಆರಿಸಿಕೊಳ್ಳಬೇಕಿತ್ತು. ನಿಮ್ಮ ಹೆಚ್ಚಿನ ಸಮಯವು ಈ ಬದಲಾವಣೆಗಳೊಂದಿಗೆ ಹೊಂದಾಣಿಕೆ ಮಾಡಿಕೊಳ್ಳುವುದರಲ್ಲೇ ಕಳೆಯುತ್ತಿತ್ತು.

ಆ ಯುಗವು ಅಂತ್ಯಗೊಳ್ಳುತ್ತಿದೆ. ಯಾವ ಲೈಬ್ರರಿಯನ್ನು ಬಳಸಬೇಕು ಎಂಬುವುದರಿಂದ, ಡೇಟಾ ಮತ್ತು AI ಹೇಗೆ ಒಟ್ಟಾಗಿ ಕೆಲಸ ಮಾಡುತ್ತವೆ ಎಂಬದಿಗೆ ಗಮನವು ಬದಲಾಗುತ್ತಿದೆ.

ಆಧುನಿಕ ಪ್ರೊಡಕ್ಷನ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಹೊಸ ಮಾದರಿಯನ್ನು ಅನುಸರಿಸುತ್ತವೆ:

  • React ಅಥವಾ Svelte ನಂತಹ ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳು ಪ್ರಮಾಣಿತವಾಗಿವೆ.
  • Next.js ಅಥವಾ SvelteKit ನಂತಹ ಮೆಟಾ-ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳು ಕಠಿಣ ಕೆಲಸಗಳನ್ನು ನಿರ್ವಹಿಸುತ್ತವೆ.
  • TypeScript ಈಗ ಡಿಫಾಲ್ಟ್ ಆಗಿದೆ.
  • ಸರ್ವರ್-ಫಸ್ಟ್ ರೆಂಡರಿಂಗ್ (Server-first rendering) ಈಗ ಮೂಲಾಧಾರವಾಗಿದೆ.

ಕೇಂದ್ರಬಿಂದು ಮತ್ತೆ ಸರ್ವರ್‌ನ ಕಡೆಗೆ ಚಲಿಸಿದೆ. ಇದು ಡೇಟಾವನ್ನು ಸ್ಟ್ರೀಮ್ ಮಾಡುವ ಮತ್ತು ನೆಟ್‌ವರ್ಕ್ ಅನ್ನು ಪರಿಣಾಮಕಾರಿಯಾಗಿ ನಿರ್ವಹಿಸುವ ಸ್ಮಾರ್ಟ್ ಸರ್ವರ್ ಆಗಿದೆ.

AI ಕೆಲಸದ ಹೊರೆಯನ್ನು ಬದಲಾಯಿಸಿದೆ. ಇದು ಕಾರ್ಯದ ಮೊದಲ 80% ಅನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ. ಇದು ಕೆಲವೇ ನಿಮಿಷಗಳಲ್ಲಿ ಒಂದು ಕಾಂಪೊನೆಂಟ್ ಅಥವಾ ಲೇಔಟ್ ಅನ್ನು ನಿರ್ಮಿಸಬಲ್ಲದು. ಇದು ಗಂಟೆಗಟ್ಟಲೆ ಮಾಡುವ ಮ್ಯಾನುಯಲ್ ಕೆಲಸವನ್ನು ಬದಲಾಯಿಸುತ್ತದೆ.

AI ಕೊನೆಯ 20% ಕೆಲಸದಲ್ಲಿ ವಿಫಲವಾಗುತ್ತದೆ. ಇದು ಅಕ್ಸೆಸಿಬಿಲಿಟಿ (accessibility), ಎಡ್ಜ್ ಕೇಸ್‌ಗಳು (edge cases) ಮತ್ತು ಸಂಕೀರ್ಣವಾದ ಸ್ಟೇಟ್ ಲಾಜಿಕ್‌ನಲ್ಲಿ ಕಷ್ಟಪಡುತ್ತದೆ. AI ನಿಮಗೆ ಕೇವಲ ಒಂದು ಕರಡು ಪ್ರತಿಯನ್ನು (draft) ನೀಡುತ್ತದೆ. ಅದು ನಿಮಗೆ ಪರಿಪೂರ್ಣ ಪರಿಹಾರವನ್ನು ನೀಡುವುದಿಲ್ಲ.

ನಿಮ್ಮ ಮೌಲ್ಯವು ಈಗ ನಿಮ್ಮ ನಿರ್ಧಾರ ತೆಗೆದುಕೊಳ್ಳುವ ಸಾಮರ್ಥ್ಯದಲ್ಲಿದೆ (judgment). ಜನರೇಟ್ ಮಾಡಲಾದ ಕೋಡ್ ಯಾವಾಗ ತಪ್ಪಾಗಿದೆ ಎಂದು ನಿಮಗೆ ತಿಳಿದಿರಬೇಕು. ಉದಾಹರಣೆಗೆ, AI ಒಂದು ಬೆಲೆ ಕಾಂಪೊನೆಂಟ್ ಅನ್ನು ಬರೆಯಬಹುದು ಆದರೆ ವಿವಿಧ ಕರೆನ್ಸಿಗಳು ಅಥವಾ ಲೋಕಲ್ ಫಾರ್ಮ್ಯಾಟ್‌ಗಳನ್ನು ಮರೆಯಬಹುದು. ಅಂತಹ ಪ್ರಶ್ನೆಗಳನ್ನು ಕೇಳುವುದು ಈಗ ನಿಮ್ಮ ಹೊಸ ಕೆಲಸವಾಗಿದೆ.

ನಾವು Generative UI ಕಡೆಗೆ ಸಾಗುತ್ತಿದ್ದೇವೆ.

  1. ಸ್ಟ್ಯಾಟಿಕ್ UI (Static UI): ನೀವು ಪ್ರತಿಯೊಂದು ಸ್ಕ್ರೀನ್ ಅನ್ನು ಬರೆಯುತ್ತೀರಿ.
  2. ಸರ್ವರ್-ಡ್ರಿವನ್ UI (Server-driven UI): ಬ್ಯಾಕೆಂಡ್ ಕ್ಲೈಂಟ್ ರೆಂಡರ್ ಮಾಡಲು ಒಂದು ಸ್ಕೀಮಾವನ್ನು ಕಳುಹಿಸುತ್ತದೆ.
  3. ಜನರೇಟಿವ್ UI (Generative UI): ಬಳಕೆದಾರರ ಉದ್ದೇಶದ ಆಧಾರದ ಮೇಲೆ ಒಂದು ಮಾಡೆಲ್ ಕಾಂಪೊನೆಂಟ್ ಟ್ರೀ ಅನ್ನು ನಿರ್ಮಿಸುತ್ತದೆ.

ಯಶಸ್ವಿ ತಂಡಗಳು ನಿರ್ಬಂಧಿತ ವಿಧಾನವನ್ನು (constrained approach) ಬಳಸುತ್ತವೆ. ಅವು AI ಗೆ ಆಡಿಟ್ ಮಾಡಲಾದ ಕಾಂಪೊನೆಂಟ್‌ಗಳ ಒಂದು ನಿರ್ದಿಷ್ಟ ಗುಂಪನ್ನು ನೀಡುತ್ತವೆ. ಡಿಸೈನ್ ಸಿಸ್ಟಮ್ AI ಗೆ ಒಂದು ಗಾರ್ಡ್‌ರೈಲ್ (guardrail) ಆಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.

ಭವಿಷ್ಯಕ್ಕಾಗಿ ಮೂರು ಮುನ್ಸೂಚನೆಗಳು:

  • ಕಾಂಪೊನೆಂಟ್ ಲೈಬ್ರರಿಗಳು ನಿಮ್ಮ ಅತ್ಯಂತ ಅಮೂಲ್ಯವಾದ ಆಸ್ತಿಗಳಾಗಿವೆ. ಮಾನವರು ಮತ್ತು AI ಎರಡೂ ನಿರ್ಮಿಸಲು ಇವುಗಳನ್ನು ಬಳಸುತ್ತವೆ.
  • ಮಷೀನ್-ರೀಡಬಲ್ ಕಾಂಟ್ರಾಕ್ಟ್‌ಗಳು (Machine-readable contracts) ಗೆಲ್ಲುತ್ತವೆ. ಸ್ಪಷ್ಟವಾದ ಟೈಪ್‌ಗಳು ಮತ್ತು ಸ್ಕೀಮಾಗಳು AI ತಪ್ಪುಗಳಿಲ್ಲದೆ ಕೆಲಸ ಮಾಡಲು ಸಹಾಯ ಮಾಡುತ್ತವೆ.
  • ಟೈಪಿಂಗ್ ಬದಲಿಗೆ ರಿವ್ಯೂ ಮಾಡುವುದು (Reviewing) ಬರುತ್ತದೆ. ನಿಮ್ಮ ಮುಖ್ಯ ಕೆಲಸವು ಕೋಡ್ ಬರೆಯುವುದರಿಂದ ಅದು ಸರಿಯಿದೆಯೇ ಎಂದು ಮೌಲ್ಯಮಾಪನ ಮಾಡುವದಕ್ಕೆ ಬದಲಾಗುತ್ತದೆ.

ಫ್ರಂಟ್‌ಎ