એક HTML ફાઇલ સાથે 10x ઝડપથી શિપિંગ કરો
મેં સાદા સાધનો માટે React નો ઉપયોગ કરવાનું બંધ કરી દીધું છે.
React ખરાબ નથી. મેં એક પેટર્નને કારણે નાના પ્રોજેક્ટ્સ માટે તેનો ઉપયોગ કરવાનું છોડી દીધું છે.
મારે કંઈક નાનું બનાવવું હતું. હું React સેટઅપ ખોલતો. હું બંડલર ઉમેરતો. હું ફોલ્ડર સ્ટ્રક્ચરનું આયોજન કરતો અને dependencies ઇન્સ્ટોલ કરતો.
હું સાધન બનાવતા કરતાં ઇન્ફ્રાસ્ટ્રક્ચર બનાવવામાં વધુ સમય વિતાવતો હતો.
મેં એક નવો નિયમ અજમાવ્યો.
કોઈ ફ્રેમવર્ક નહીં. કોઈ બેકએન્ડ નહીં. કોઈ બિલ્ડ ટૂલ્સ નહીં. કોઈ npm નહીં.
હું એક જ HTML ફાઇલનો ઉપયોગ કરું છું. હું vanilla JavaScript અને inline CSS નો ઉપયોગ કરું છું. જ્યારે મારે ડેટા સેવ કરવાની જરૂર હોય ત્યારે હું localStorage નો ઉપયોગ કરું છું.
પરિણામોએ મારા વર્કફ્લોને બદલી નાખ્યો.
વિચારો સેટઅપમાં અટકી જતા નથી. હું એક ફાઇલ ખોલું છું અને કોડિંગ શરૂ કરું છું. હું આર્કિટેક્ચરના નિર્ણયો લેતો નથી. હું dependency ના ચક્રવ્યૂહમાં ફસાતો નથી.
પ્રક્રિયા હવે આ મુજબ છે:
- વિચાર
- કોડ
- પૂર્ણ
મેં ઇન્વોઇસ જનરેટર્સ આ રીતે બનાવ્યા છે. દરેક સાધન એક જ ફાઇલ છે. તે બ્રાઉઝરમાં તરત જ ખુલી જાય છે. તેમાં કોઈ ઇન્સ્ટોલેશન કે અવરોધ નથી.
આ ફેરફાર માનસિક છે.
મેં સાચું stack શું છે તે પૂછવાનું બંધ કરી દીધું. મેં સૌથી સરળ ઉકેલ શું છે તે પૂછવાનું શરૂ કર્યું.
મોટાભાગના નાના સાધનોને ફ્રેમવર્કની જરૂર નથી હોતી. તેમને ફક્ત અસ્તિત્વમાં આવવાની જરૂર હોય છે.
આ અભિગમની મર્યાદાઓ છે. તમારે તેનો ઉપયોગ real-time collaboration માટે ન કરવો જોઈએ. મોટાભાગના પર્સનલ ટૂલ્સને તેની જરૂર હોતી નથી.
મારો નવો નિયમ સરળ છે: એક ફાઇલથી શરૂઆત કરો. જ્યારે ખૂબ જ જરૂરી હોય ત્યારે જ જટિલતા ઉમેરો. ઇકોસિસ્ટમ અપેક્ષા રાખે છે એટલે જ જટિલતા ઉમેરશો નહીં.
આજે જ આ અજમાવો. એક નાનો વિચાર પસંદ કરો. તેને એક HTML ફાઇલમાં બનાવો. કોઈ સેટઅપ નહીં. કોઈ બહાના નહીં.
બસ, તેને શિપ કરી દો.
Optional learning community: https://github.com/DarkenAmber/single-file-app