फ्रंटएंड डेव्हलपरसाठी सर्वोत्तम मोफत साधने

द्वारे

मध्ये

फ्रंटएंड प्रकल्प क्वचितच फ्रेमवर्कमुळे कोसळतो. तो कोसळतो कारण बिल्ड मंद असतो, चाचण्या कोणी चालवत नाही आणि बंडल कोणाच्याही नकळत फुगत जातो — जोपर्यंत साइट उघडायला चार सेकंद लागत नाहीत.

ही आठही साधने मोफत आहेत, एकत्र चांगली चालतात, आणि नव्या प्रकल्पात मी सर्वात आधी हीच बसवतो.

बिल्ड साधन

Vite

तत्काळ सुरू होणारा डेव्ह सर्व्हर आणि वेगवान प्रॉडक्शन बिल्ड; जवळपास प्रत्येक आधुनिक फ्रंटएंडचा ठरलेला पर्याय.

vite.dev

फ्रेमवर्क

Astro

मूलभूतपणे शून्य JavaScript पाठवते, त्यामुळे याने संथ मजकूर-साइट बनवणेच अवघड आहे.

astro.build

स्टायलिंग

Tailwind CSS

युटिलिटी क्लासमुळे प्रकल्प जुना झाला तरी CSS अमर्याद वाढत नाही.

tailwindcss.com

लिंट आणि फॉरमॅट

Biome

एकाच बायनरीत लिंटर आणि फॉरमॅटर: कॉन्फिग फाइलींच्या ढिगाऱ्याऐवजी एकच वेगवान साधन.

biomejs.dev

युनिट चाचण्या

Vitest

मिलिसेकंदात संपणाऱ्या चाचण्या, त्यामुळे लोक पुश करण्यापूर्वी त्या खरोखर चालवतात.

vitest.dev

एंड-टू-एंड चाचण्या

Playwright

खऱ्या ब्राउझरमधील चाचण्या, ज्या युनिट चाचण्यांना कधीच न दिसणारे दोष पकडतात आणि ट्रेस पुन्हा चालवता येतो.

playwright.dev

कंपोनंट कार्यशाळा

Storybook

कंपोनंट वेगळे काढून बनवणे आणि तपासणे; इंटरफेसला एकापेक्षा जास्त लोक हात लावू लागताच अपरिहार्य.

storybook.js.org

बंडलचा आकार

Bundlephobia

एखादे डिपेंडन्सी किती किलोबाइट घेईल हे इन्स्टॉल करण्याआधीच पाहा, नंतर नाही.

bundlephobia.com

आधी बिल्ड साधन आणि लिंटर ठरवा: रोजचा अनुभव हेच दोन ठरवतात.

फक्त निवडायचे नाही, तर बनवायचे आहे?

वेब अ‍ॅप्स, API, इन्फ्रास्ट्रक्चर आणि इंटरफेस. बार्सिलोनातून फ्रीलान्स, ग्राहक कुठेही.

संपर्क करा


टिप्पण्या

Leave a Reply

Your email address will not be published. Required fields are marked *