कोड शैली में एक नया रूप

न्यूरोसाइकोलॉजी का ज्ञान प्रोग्रामर को स्टाइल कोड में मदद कैसे कर सकता है? इससे पहले कि मैंने प्रोग्रामिंग शुरू की, मैंने बहुत लंबे समय तक न्यूरोसाइकोलॉजी का अध्ययन किया। इसके बाद, इस ज्ञान ने मुझे थोड़े समय में विकास में उच्च परिणाम प्राप्त करने में मदद की।

इस लेख में मैं अपने अनुभव और दृष्टिकोण को कोड स्टाइल में साझा करना चाहता हूं। हम प्रोग्रामिंग पक्ष पर शैलीकरण पर विचार करेंगे, और फिर प्रक्रिया की गहन समझ और डेवलपर के लिए इसके महत्व की डिग्री के लिए न्यूरोसाइकोलॉजी पर स्पर्श करेंगे। पिछले साल मैं Secreate पर काम कर रहा हूं, जहां मैं रिएक्टिव नेटिव फ्रेमवर्क का उपयोग करके मोबाइल एप्लिकेशन विकसित कर रहा हूं, इसलिए इस लेख में कोड उदाहरण जावास्क्रिप्ट में होंगे। इस लेख से प्राप्त ज्ञान को किसी भी प्रोग्रामिंग भाषा में आसानी से लागू किया जा सकता है। लेख के अंत में आपको कोड स्टाइलिंग के उपयोगी उदाहरण मिलेंगे। पढ़ने का मज़ा लें!

शैलीकरण क्या है?

code style. — , : , , , . , -. .

:

import {SomeClass} from ‘some/file’

:

import { SomeClass } from ‘some/file’

:

import {SomeClass, someFunction, someConst, AnotherClass       } from ‘some/file’

:

import {
  SomeClass,
  somefunction,
  someConst,
  AnotherClass,
       
} from ‘some/file’

:

function foo() {
  some code...
}

:

function foo ()
{
  some code…
}

:

condition ?
some very long long long long long expression :
another expression

:

condition
  ? some very long long long long long expression
  :  another expression

. , , , .

. , . . , . , , , . . , . . . , . — !

? , . . , , . ? , , .

, . . . , , . . , ( ).

. , . . , . . : , , . . , . , .

. , , . , . , ( ). ( ). , , . , , .

. , — , , . - . — . , , . - , , . , . .

, . , , . , , , . , “ ”.

, . , , . - , code style.

, . , , . , , . . , . , . .

, . , .

. , . ( ) .

2 . , .

:

<View>
  <Text>Some text</Text>
  <TouchableOpacity>
    <Text>Title</Text>
  <TouchableOpacity/>
</View>

Animated.timing(
  animatedValue,
  {
    toValue: someValue,
    duration: someDuration,
    anotherOptions,
  },
)

, .

const object = { field: value, anotherField: value }

, , .

const object = {
  field: value,
  anotherField: value,
  moreFields,
}

. .

:

function someFunction() {
  some code
}

कीवर्ड को एक रिक्त रेखा के साथ अलग करें।

उदाहरण:

function sum(a, b) {
  const result = a + b

  return result
}

या:

if (condition) {
  do this

} else {
  do that
}

 

switch (value) {
  case someCase:
    do this

    break

  case anotherCase:
    do that

    break
}

रिक्त पंक्ति के साथ अलग-अलग प्रकार की घोषणाओं और क्रियाओं को अलग करें

उदाहरण:

function someFunction() {
  do something
}

function anotherFunction() {
  do another thing
}

या:

function someFunction() {
  const someConst
  const anotherConst

  let someLet
  let anotherLet

  if (condition) {
    do something
  }

  this.function()
  this.anotherFunction()
}

तत्वों की अनुक्रम

तत्वों के एक सख्त अनुक्रम का पालन करें।

एक विस्तार वर्ग का एक उदाहरण React.Component:

1. स्टेटिक।
2. क्लास फील्ड्स।
3. निर्माता
4. राज्य।
5. जीवन चक्र कार्य।
6. द्वितीयक कार्य।
7. कार्रवाई करने वाले।
8. हेल्पर कार्यों को प्रस्तुत करता है।
9. प्रस्तुत करना।

एक स्थान के साथ स्व-समापन टैग को अलग करें।

उदाहरण:

<View style={styles.underline} />

एक से अधिक होने पर अगली पंक्ति में प्रॉप्स को स्थानांतरित करें

उदाहरण:

<TouchableOpacity
  style={styles.button}
  onPress={this.handlePress}
>
  <Text>Title</Text>
</TouchableOpacity>

लंबी शर्तें

एक सशर्त चरित्र के साथ प्रत्येक पंक्ति शुरू करते हुए, कई लाइनों में लंबी स्थितियों को तोड़ें।

उदाहरण:

if (
  condition
  && anotherCondition
  && (
    value < anotherValue
    || someCondition
  )
) {
  do something
}

या:

<View>
  {
    this.state.isButtonVisible
      ? (
        <TouchableOpacity>
          <Text>Title</Text>
        </TouchableOpacity>
      )
      : null
  }
</View>

रिक्त स्थान के साथ सशर्त वर्णों को अलग करें

उदाहरण:

const sum = a + b

या:

return a < b ? a : b

या:

const object = {
  field: value,
  ...value > 0 ? { value } : {},
}