HN አሳይ፡ Vertex.js – አንድ 1kloc SPA Framework

ጽሑፉ እነሆ፡-

የጥቃቅን ማዕቀፎች መጨመር፡ ለምንድነው ገንቢዎች የተበላሸ የጃቫስክሪፕት መሣሪያን የማይቀበሉት

አንድ ገንቢ በቅርቡ በ1,000 የኮድ መስመሮች ውስጥ የተገነባ ባለ አንድ ገጽ የመተግበሪያ ማዕቀፍ ለጠላፊ ዜና ለጥፏል፣ እና ምላሹ ኤሌክትሪክ ነበር። ፕሮጀክቱ - ዝቅተኛው የ SPA ማዕቀፍ - በድር ልማት ማህበረሰብ ውስጥ ለዓመታት ሲንከባለል የቆየ ክርክርን አገረሸ፡ መሣሪያዎቻችን ለሚፈቷቸው ችግሮች በጣም ውስብስብ ሆነዋል? የሬክት ኮር ላይብረሪ፣ ራውተር፣ የስቴት አስተዳደር ንብርብር እና የግንባታ መሳሪያዎቹ በመቶ ሺዎች የሚቆጠሩ የኮድ መስመሮች ሲመዘኑ ይህ ማዕቀፍ በ1,000 መስመሮች ውስጥ ማዘዋወርን፣ ምላሽ መስጠትን እና አካላትን ማሳየት የማይመች ጥያቄን ያስገድዳል። ደንበኛን የሚመለከቱ መተግበሪያዎችን ለሚገነቡ ንግዶች የጥያቄው መልስ ትክክለኛ ውጤት አለው - በጭነት ጊዜ፣ የገንቢ ምርታማነት እና የረጅም ጊዜ የጥገና ወጪዎች።

ምን ባለ 1,000-መስመር መዋቅር በትክክል ያረጋግጣል

የማይክሮ-ማዕቀፍ ሀሳብ አዲስ አይደለም። Backbone.js በ2010 ሲጀመር ወደ 1,800 የተብራራ የምንጭ ኮድ በግምት ነበር። Mithril.js ከ10KB በታች ይልካል። በዚህ ምድብ ውስጥ እያንዳንዱን አዲስ ግቤት ትኩረት የሚስብ የሚያደርገው መስመሩ በራሱ የሚቆጠር ሳይሆን አሁን ስላለው የአሳሽ ኤፒአይዎች ሁኔታ የሚያሳየው ነው። ዘመናዊ አሳሾች ለአብነት ቃል በቃል፣ ለታሪክ ኤፒአይ፣ በፕሮክሲ ላይ የተመሰረተ ምላሽ፣ ብጁ ኤለመንቶችን እና ሞጁሉን በመጫን ቤተኛ ድጋፍ ይላካሉ። ከአስር አመታት በፊት፣ በInternet Explorer እና Chrome መካከል ያለውን ልዩነት መደበኛ ለማድረግ ማዕቀፎች በሺዎች የሚቆጠሩ መስመሮች ያስፈልጉ ነበር። ዛሬ፣ የተዋጣለት ገንቢ ሙሉ በሙሉ የሚሰራ የ SPA ማዕቀፍ እንደ ቀጭን ኦርኬስትራ ንብርብር በመድረክ ፕሪሚቲቭስ አናት ላይ መገንባት ይችላል።

ይህ አስፈላጊ ነው ምክንያቱም ውይይቱን ከ"የትኛው ማዕቀፍ እንመርጣለን?" "በፍፁም ማዕቀፍ እንፈልጋለን?" ለአነስተኛ እና መካከለኛ ፕሮጀክቶች - ተለዋዋጭ ክፍሎች ያሉት ማረፊያ ገጽ, የውስጥ ዳሽቦርድ, የደንበኛ ፖርታል - መልሱ እየጨመረ ነው: ምናልባት ላይሆን ይችላል, ወይም ቢያንስ ከባድ አይደለም. የ 1,000-መስመር ማዕቀፍ መድረክ ስራው እየጠበበ እስከሚሄድበት ደረጃ ድረስ መድረሱን የሚያረጋግጥ ነው።

በእርግጥ እንደ ሬክት እና ቩዌ ያሉ ማዕቀፎች ውስብስብ በሆኑ የግዛት ዛፎች፣ ከአገልጋይ ጎን የመስጠት ፍላጎቶች እና ከ20+ በላይ በሆኑ ገንቢዎች ቡድኖች በጠንካራ ኮንቬንሽኖች ክብደታቸውን ያገኛሉ። ዋናው ግንዛቤ ትክክለኛው መሳሪያ ሙሉ በሙሉ በችግሩ ስፋት ላይ የተመሰረተ መሆኑ ነው።

የጃቫስክሪፕት ብሎት እውነተኛ ዋጋ

በየ 100 ሚሊሰከንድ የተጨመረ ጭነት ጊዜ የልወጣ መጠኑን እስከ 7 በመቶ እንደሚቀንስ የጎግል የራሱ ጥናት በተከታታይ አሳይቷል። መካከለኛው ድረ-ገጽ አሁን ከ500 ኪባ በላይ ጃቫስክሪፕት ይላካል - ይህ አኃዝ ከ2015 ጀምሮ በሦስት እጥፍ ገደማ አድጓል። ለንግዶች ይህ ረቂቅ የአፈጻጸም መለኪያ አይደለም። በቀጥታ ወደ የጠፉ ገቢዎች፣ ከፍተኛ የፍተሻ ተመኖች እና የባሰ የፍለጋ ሞተር ደረጃዎችን ይተረጉማል።

ችግሩ በተንቀሳቃሽ ስልክ አውታረ መረቦች ላይ ተጨምሯል። በመካከለኛ ክልል የአንድሮይድ መሳሪያ ላይ ያለ ተጠቃሚ ከ3ጂ በላይ የሚያገናኝ የጃቫ ስክሪፕት ከባድ ገጽ መስተጋብራዊ እስኪሆን ድረስ ከ5-8 ሰከንድ ሊጠብቅ ይችላል፣የመጀመሪያው HTML ከተሰራ በኋላም ቢሆን። ይህ በተለይ በታዳጊ ገበያዎች ውስጥ ደንበኞችን የሚያገለግሉ ንግዶችን ያስቀጣል፣ የሞባይል የመጀመሪያ ደረጃ አሰሳ መደበኛ በሆነበት እና የአውታረ መረብ መሠረተ ልማት በሚገርም ሁኔታ ይለያያል።

• ትንታ ጊዜ፡ ትላልቅ የጃቫ ስክሪፕት ቅርቅቦች ለመተንተን እና ለማጠናቀር ረዘም ያለ ጊዜ ይወስዳሉ፣ ምንም እንኳን አንድ የመተግበሪያ ኮድ ከመስራቱ በፊት
• የማህደረ ትውስታ ግፊት፡ውስብስብ የማዕቀፍ ውስጣዊ አካላት በራሱ አፕሊኬሽኑ ሊጠቀምበት የሚችል ማህደረ ትውስታን ይበላሉ
• መድከም አዘምን፡ ዋና ዋና የማዕቀፍ ማሻሻያዎች (አንግል 1 እስከ 2፣ Vue 2 እስከ 3፣ React class components to hooks) ውድ የስደት ጥረቶች በየ2-3 ዓመቱ ያስገድዳሉ
የ
• ጥገኛ ሰንሰለቶች፡ የተለመደው የReact ፕሮጀክት node_modules አቃፊ 800-1,200 ጥቅሎችን ይይዛል፣ እያንዳንዱም የደህንነት ተጋላጭነት ወይም ለውጥ መስበር
• ውስብስብነትን ይገንቡ፡ ዌብፓክ፣ ባቤል፣ ፖስትሲኤስኤስ እና የማዋቀር ፋይሎቻቸው ብዙውን ጊዜ ከሚያገለግሉት የመተግበሪያ ኮድ ይበልጣል

ጥቃቅን ማዕቀፎች አብዛኛዎቹን እነዚህን ወጪዎች ወደ ጎን ያደርሳሉ። ባነሰ አጭር መግለጫዎች፣ የሚሰበሩ ነገሮች ጥቂት ናቸው፣ ጥቂት ጥገኞች ኦዲት እና ጥቂት ባይት ወደ አሳሹ የሚላኩ። ያለ ቀዳሚ መሠረተ ልማት ቡድን ፈጣን እና አስተማማኝ የድረ-ገጽ መገኘት ለሚፈልግ ንግድ ሒሳቡ ቀላልነትን ይጨምራል።

ለምን የገንቢ ማህበረሰቡ ተከፋፈለ

በትናንሽ የSPA ማዕቀፎች ዙሪያ ያለው የጠላፊ ዜና ውይይት በአስተማማኝ ሁኔታ ሁለት ተቃራኒ ካምፖችን ይፈጥራል። በአንድ በኩል በReact ወይም Angular ላይ በተገነቡ ትላልቅ የኮድ ቤዝ ውስጥ አመታትን ያሳለፉ እና የክፈፍ ውስብስብነት በጊዜ ሂደት እንዴት እንደሚዋሃድ በራሳቸው የተመለከቱ ገንቢዎች አሉ። የማዕቀፍ ስምምነቶች መንካት የራውተር ውቅር፣ የግዛት አስተዳደር ቦይለር ሰሌዳ እና የማዕቀፍ ውስጣዊ አካላትን የሚያፌዙ የፍተሻ ትጥቆችን ስለሚፈልጉ ቀላል ባህሪያትን ፊኛን ወደ ባለብዙ ቀን ተግባራት ተመልክተዋል። ለእነዚህ ገንቢዎች፣ የ1,000-መስመር ማዕቀፍ ነፃ ማውጣትን ይወክላል - በመተግበሪያቸው ውስጥ የሚሰራውን እያንዳንዱን የኮድ መስመር ወደ መረዳት መመለስ።

በሌላኛው በኩል ፕራግማቲስቶች አሉ ማዕቀፎች አሉ ምክንያቱም የገሃዱ ዓለም አፕሊኬሽኖች በመጨረሻ የሚያቀርቡትን ይፈልጋሉ፡ የተደራሽነት መገልገያዎች፣ አለማቀፋዊነት፣ ኮድ ክፍፍል፣ የአገልጋይ ጎን አተረጓጎም እና መሣሪያውን አስቀድመው የሚያውቁ ገንቢዎች መቅጠር። ማይክሮ-ፍሬም ለሳምንት መጨረሻ ፕሮጀክት አስደሳች ሊሆን ይችላል ብለው ይከራከራሉ፣ ነገር ግን ከአምስት ቡድን ጋር ወደ አንድ ባለ 1,000 መስመር ኮድ ቤዝ ላይ ምንም የተደራራቢ ፍሰት መልሶች እና ኦፊሴላዊ ሰነዶች ሳይኖሩበት ለመሳፈር ይሞክሩ።

ሁለቱም ወገኖች ትክክለኛ ነጥቦች አሏቸው፣ እና እውነቱ ግን ምርጫው አውድ ነው። ኤምቪፒን የሚገነባ ብቸኛ መስራች የአምስት ዓመት እድሜ ያለው መተግበሪያ ከሚይዝ የድርጅት ቡድን በተለየ መሰረታዊ ፍላጎቶች አሉት። አደጋው የድርጅት መፍትሄዎችን ለጀማሪ ችግሮች ወይም ለድርጅት ተግዳሮቶች ማስጀመሪያ መሳሪያዎችን በመተግበር ላይ ነው።

ዘመናዊ ንግዶች በእውነቱ ከቴክ ቁልል ምን ይፈልጋሉ

የማዕቀፍ ክርክር በመጨረሻ ለትልቅ ጥያቄ ተኪ ነው፡ የንግድ ድርጅቶች ውሱን የቴክኒክ ሀብታቸውን እንዴት መመደብ አለባቸው? አንድ ገንቢ የግንባታ ቧንቧን በማዋቀር ወይም ወደ አዲስ የማዕቀፍ ስሪት ለመሸጋገር የሚያጠፋው እያንዳንዱ ሰአት ደንበኞችን የሚያገለግሉ ባህሪያትን ለመገንባት ያላጠፋው አንድ ሰአት ነው። ለብዙ ንግዶች - በተለይም አነስተኛ እና መካከለኛ መጠን ያላቸው ስራዎች - ተስማሚ የቴክኖሎጂ ምርጫ "ሀሳብ አለኝ" እና "ደንበኞች እየተጠቀሙበት ነው" መካከል ያለውን ልዩነት የሚቀንስ ነው.

በማደግ ላይ ያለ የንግድ ድርጅት ሊያደርገው የሚችለው ምርጥ የቴክኖሎጂ ውሳኔ የነገን የጥገና ሸክም ሳይፈጥር የዛሬን ችግሮች የሚፈቱ መሳሪያዎችን መምረጥ ነው። ይህ ማለት ባለ 1,000 መስመር ማዕቀፍም ሆነ ሙሉ በሙሉ የሚተዳደር መድረክ ግቡ አንድ ነው፡ ጊዜያችሁን ንግድዎን ልዩ በሚያደርገው ነገር ላይ እንጂ እያንዳንዱ የንግድ ድርጅት በሚፈልገው መሠረተ ልማት ላይ አሳልፉ።

ይህ መርህ ከግንባር ማእቀፎች በላይ ይዘልቃል። ንግዶች በመደበኛነት ተመሳሳዩን የጀርባ አሠራር መልሰው ይገነባሉ - የተጠቃሚ ማረጋገጫ፣ የክፍያ ሂደት፣ CRM፣ ደረሰኝ፣ መርሐግብር - የመረጡት የቴክኖሎጂ ቁልል ስለሚፈልገው። እንደ Mewayz ያሉ መድረኮች ይህንን ተደጋጋሚ ስራ ለማስወገድ በትክክል አሉ፣ ይህም 207 ቀድሞ የተሰሩ ሞጁሎችን ከCRM እና ከደመወዝ ክፍያ እስከ ማስያዣ ስርዓቶች እና ትንታኔዎችን ያቀርባሉ። ተመሳሳይ ፍልስፍና ገንቢዎችን ወደ ማይክሮ-ማዕቀፎች የሚገፋፋው - በትንሽ መጠን የበለጠ ይስሩ ፣ አላስፈላጊ ውስብስብነትን ያስወግዳል - ንግዶችን ወደ የተጠናከረ የመሣሪያ ስርዓቶች ይመራቸዋል በደርዘን የሚቆጠሩ የSaaS ምዝገባዎችን በነጠላ ስርዓት።

💡 DID YOU KNOW?

Mewayz replaces 8+ business tools in one platform

CRM · Invoicing · HR · Projects · Booking · eCommerce · POS · Analytics. Free forever plan available.

Start Free →

የማዕቀፍ ስፔክትረም፡ የእርስዎን ጣፋጭ ቦታ ማግኘት

የማዕቀፍ ምርጫን እንደ ሁለትዮሽ - ሜጋ-ፍሬም ወርክ ወይም ማይክሮ-ፍሬም ወርክ አድርጎ ከመመልከት ይልቅ በስፔክትረም ማሰብ ይረዳል። በአንደኛው ጫፍ፣ ዜሮ ማጠቃለያ ያለው ቫኒላ ጃቫስክሪፕት አለህ። በሌላ በኩል እንደ Next.js ወይም Nuxt ያሉ ማዘዋወርን፣ ቀረጻን፣ ውሂብ ማምጣትን እና ማሰማራትን የሚቆጣጠሩ ሙሉ-ቁልል ሜታ ማዕቀፎች አሉዎት። አብዛኞቹ ፕሮጀክቶች መሃል ላይ የሆነ ቦታ ናቸው።

ጥቂት በይነተገናኝ አካላት ላለው ደንበኛን ለሚመለከት የግብይት ጣቢያ፣ ማይክሮ-ፍሬም ወይም አልፎ ተርፎም Alpine.js-style inline reactivity ፍጹም ተስማሚ ሊሆን ይችላል። ለተወሳሰበ የSaaS ዳሽቦርድ በቅጽበት ውሂብ፣ በሚና ላይ የተመሰረተ ፍቃዶች እና ከመስመር ውጭ ድጋፍ፣ የበለጸገ ስነ-ምህዳር ያለው ብስለት ያለው ማዕቀፍ ከራስ በላይ ዋጋ አለው። ስህተቱ በጣም ታዋቂው ስለሆነ፣ ወይም ከሁሉም በላይ አእምሮአዊ እርካታን ስለሚያገኝ በጣም ከባድ ወደሆነው አማራጭ ነባሪ ማድረግ ነው።

ተግባራዊ ፈተናው ቀጥተኛ ነው፡ ማመልከቻዎ በሚቀጥሉት 12 ወራት ውስጥ የሚፈልገውን እያንዳንዱን ባህሪ ይዘርዝሩ። አንድ ማይክሮ-ፍሬም 90% የእነዚያን ፍላጎቶች የሚሸፍን ከሆነ እና የቀረውን 10% ትልቅ ማዕቀፍ ለማዋቀር ከምታጠፉት ባነሰ ጊዜ ውስጥ በእጅ ማንከባለል ከቻልክ ማይክሮ-ፍሬም ስራው ያሸንፋል። የባህሪ ዝርዝርህ ከአገልጋይ ጎን ማሳየት፣ ውስብስብ ቅጽ ማረጋገጥ፣ አኒሜሽን ኦርኬስትራ እና ጥልቅ የተደራሽነት ድጋፍን የሚያካትት ከሆነ ትልቁ ማዕቀፍ ለራሱ የሚከፍል ይሆናል።

ቴክኒካል ላልሆኑ መስራቾች እና ቢዝነስ ኦፕሬተሮች ትምህርቶች

ንግድ እየሰሩ ከሆነ እና የቴክኒክ ቡድንዎ በመዋቅሮች ላይ እየተከራከረ ከሆነ፣ ዋናው ነገር ይኸውና። በመጀመሪያ፣ ለመጀመሪያ ጊዜ ባህሪ ለመታየት ጊዜን ይጠይቁ - በቡድኑ ውስጥ ያለ አዲስ ገንቢ ምን ያህል በፍጥነት ትርጉም ያለው ለውጥ መላክ ይችላል? መልሱ የቀናት አካባቢን ማዋቀር እና የማዕቀፍ ትምህርትን የሚያካትት ከሆነ የትኛውም ማዕቀፍ እንደተመረጠ የማስጠንቀቂያ ምልክት ነው። ሁለተኛ፣ ስለ ማሻሻያ መንገድ ይጠይቁ። በየ18 ወሩ ብልሹ ለውጦችን የሚለቁት መዋቅሮች በመጀመሪያ ግምገማ ላይ እምብዛም የማይታይ ድብቅ ግብር ያስገድዳሉ።

ሦስተኛ፣ እና ከሁሉም በላይ፣ ለጥያቄው ተግባር ብጁ-የተሰራ ሶፍትዌር ያስፈልግዎት እንደሆነ ይጠይቁ። ብዙ ንግዶች የውስጥ መሣሪያዎችን - ዳሽቦርዶችን፣ CRM ሲስተሞችን፣ የክፍያ መጠየቂያ ፍሰቶችን፣ የጊዜ መርሐግብር በይነገጽ - ቀድሞውኑ እንደ የተወለወለ፣ የተያዙ ምርቶች በመገንባት የገንቢ ጊዜ ለብዙ ወራት ኢንቨስት ያደርጋሉ። እንደ Mewayz ያለ መድረክ፣ ከ138,000 በላይ ተጠቃሚዎችን የሚያገለግል ሙሉ የንግድ ሥራዎችን በሚሸፍኑ ሞጁሎች፣ ለመደበኛ የንግድ ሥራ ተግባራት ብጁ ልማትን ሙሉ በሙሉ ያስወግዳል። ይህ የእድገት ቡድንዎን በምርትዎ ልዩ ልዩ ገፅታዎች ላይ እንዲያተኩር ያስችለዋል - ምንም ከመደርደሪያ ውጭ የሆነ መሳሪያ ማቅረብ የማይችላቸው ባህሪያት።

1. ብጁ ኮድዎን ኦዲት ያድርጉ፡ የትኛዎቹ የውስጥ መሳሪያዎች የተባዙ ተግባራት በነባር መድረኮች ውስጥ እንደሚገኙ ይወቁ
2. እውነተኛ ወጪን አስሉ፡ በመነሻ ልማት ላይ ብቻ ሳይሆን በመካሄድ ላይ ያለ ጥገና፣ የደህንነት መጠገኛ እና የባህሪ ጥያቄዎች
3. ማጠናከሪያን ይገምግሙ፡ የአሁኑን የSaaS ምዝገባዎች ይቁጠሩ እና ወጪውን ከተቀናጀ የመሳሪያ ስርዓት ጋር ያወዳድሩ
4. ልዩነቶችህን ጠብቅ፡ንግድህን በእውነት ለሚለዩ ባህሪያት ብጁ ልማት መርጃዎችን አስይዝ

ወደፊት ሆን ተብሎ የተደረገ ምርጫዎች ነው

በ1,000-መስመር የSPA ማዕቀፍ ዙሪያ ያለው ደስታ በእውነቱ በማዕቀፉ ላይ አይደለም። በሶፍትዌር ልማት ውስጥ እያደገ ወደ ሆን ተብሎ የሚደረግ እንቅስቃሴ ነው - መሳሪያዎችን መምረጥ ለችግሩ ተስማሚ ስለሆኑ እንጂ ገበያውን ስለተቆጣጠሩ አይደለም። የጃቫ ስክሪፕት ስነ-ምህዳር ያለፉትን አስርት አመታት በባህሪያት እና በማጠቃለያዎች የጦር መሳሪያ ውድድር አሳልፏል። በጥቃቅን ማዕቀፎች፣ በአገልጋይ የተተረጎመ HTML እና በመድረክ-ቤተኛ ኤፒአይዎች የተወከለው አጸፋዊ እንቅስቃሴ ወደ ፕራግማቲዝም የሚደረግ እርማት ነው።

ለንግዶች፣ ይህ ለውጥ በማያሻማ መልኩ አዎንታዊ ነው። ይህ ማለት ተጨማሪ አማራጮች፣ ዝቅተኛ የመቀያየር ወጪዎች እና የገንቢ ባህል ከጊዜ ወደ ጊዜ ከቲዎሬቲክ ምሉዕነት ይልቅ ቀላልነትን እና ፍጥነትን የሚገመግም ነው። በዎርድፕረስ እና በብጁ በተሰራ ጣቢያ መካከል የሚመርጡ ብቸኛ ስራ ፈጣሪም ይሁኑ ወይም የሚቀጥለውን የውስጥ መሳሪያዎን ይገንቡ ወይም ይግዙ የሚለውን ሲቲኦ ሲገመግም ተመሳሳይ መርህ ይተገበራል፡ ምርጡ ቴክኖሎጂ ከበስተጀርባ የሚጠፋው ሲሆን ይህም ደንበኞችዎን በማገልገል ላይ እንዲያተኩሩ ያስችልዎታል።

የ1,000-መስመር ማዕቀፍ ኃይል ውስብስብነት እንደማይፈልግ ያስታውሰናል። በጣም ውጤታማ የሆኑት ንግዶች - እና በጣም ውጤታማ መሳሪያዎች - በትክክል የሚፈለገውን የሚሰሩ እና ምንም ተጨማሪ አይደሉም።