റിയാക്ട് (വെബ് ഫ്രെയിംവർക്ക്)

വിക്കിപീഡിയ, ഒരു സ്വതന്ത്ര വിജ്ഞാനകോശം.
Jump to navigation Jump to search
React
React-icon.svg
സോഫ്‌റ്റ്‌വെയർ രചനJordan Walke
വികസിപ്പിച്ചത്Facebook and community
ആദ്യ പതിപ്പ്മേയ് 29, 2013; 6 വർഷങ്ങൾക്ക് മുമ്പ് (2013-05-29)[1]
Stable release
16.9.0 / ഓഗസ്റ്റ് 8, 2019; 3 മാസങ്ങൾക്ക് മുമ്പ് (2019-08-08)[2]
RepositoryReact Repository
ഭാഷJavaScript
പ്ലാറ്റ്‌ഫോംWeb platform
തരംJavaScript library
അനുമതിMIT License
വെബ്‌സൈറ്റ്reactjs.org

ഉപയോക്തൃ ഇന്റർഫേസുകൾ നിർമ്മിക്കുന്നതിനുള്ള ഒരു ജാവാസ്ക്രിപ്റ്റ് ലൈബ്രറിയാണ് റിയാക്ട് (React.js അല്ലെങ്കിൽ ReactJS എന്നും അറിയപ്പെടുന്നു)[3]. ഇത് പരിപാലിക്കുന്നത് ഫേസ്ബുക്കും വ്യക്തിഗത ഡവലപ്പർമാരുടെയും കമ്പനികളുടെയും ഒരു കമ്മ്യൂണിറ്റിയാണ്.[4][5][6]

ഒറ്റ പേജ് അല്ലെങ്കിൽ മൊബൈൽ ആപ്ലിക്കേഷനുകളുടെ വികസനം, കാരണം റെക്കോർഡുചെയ്യേണ്ട അതിവേഗം മാറിക്കൊണ്ടിരിക്കുന്ന ഡാറ്റ ലഭ്യമാക്കുന്നതിന് ഇത് അനുയോജ്യമാണ്. എന്നിരുന്നാലും, ഡാറ്റ ലഭ്യമാക്കുന്നത് ഒരു വെബ് പേജിൽ സംഭവിക്കുന്നതിന്റെ ആരംഭം മാത്രമാണ്, അതിനാലാണ് സങ്കീർണ്ണമായ റിയാക്റ്റ് ആപ്ലിക്കേഷനുകൾക്ക് സാധാരണയായി സ്റ്റേറ്റ് മാനേജുമെന്റ്, റൂട്ടിംഗ്, ഒരു എപിഐയുമായുള്ള ഇടപെടൽ എന്നിവയ്ക്കായി അധിക ലൈബ്രറികളുടെ ഉപയോഗം ആവശ്യമാണ്:[7][8]നെക്സ്റ്റ്.ജെഎസ്(Next.js)[9], ഗാറ്റ്സബി.ജെഎസ്(Gatsby.js)[10]എന്നിവ അത്തരം ലൈബ്രറികളുടെ ഉദാഹരണങ്ങളാണ്.

അടിസ്ഥാന ഉപയോഗം[തിരുത്തുക]

ജെ‌എസ്‌എക്സ്, ജാവാസ്ക്രിപ്റ്റ് എന്നിവയ്ക്കൊപ്പം എച്ച്ടിഎംഎല്ലിലെ റിയാക്ട് ഉപയോഗത്തിന്റെ അടിസ്ഥാന ഉദാഹരണമാണ് ഇനിപ്പറയുന്നത്.

<div id="myReactApp"></div>

<script type="text/babel">
  class Greeter extends React.Component { 
    render() { 
      return <h1>{this.props.greeting}</h1>
    } 
  } 

  ReactDOM.render(<Greeter greeting="Hello World!" />, document.getElementById('myReactApp'));
</script>

പ്രോപ്പർട്ടി ഗ്രീറ്റിംഗ് സ്വീകരിക്കുന്ന ഒരു റിയാക്റ്റ് ഘടകമാണ് ഗ്രീറ്റർ ക്ലാസ്. ReactDOM.render രീതി ഗ്രീറ്റർ ഘടകത്തിന്റെ ഒരു ഉദാഹരണം സൃഷ്ടിക്കുകയും ഗ്രീറ്റിംഗ് പ്രോപ്പർട്ടി 'ഹലോ വേൾഡ്' ആയി സജ്ജമാക്കുകയും റെൻഡർ ചെയ്ത ഘടകം ഐഡി myReactApp ഉപയോഗിച്ച് ഡോം(DOM) ഘടകത്തിലേക്ക് ഒരു ചൈൽഡ് എലമെന്റായി ചേർക്കുകയും ചെയ്യുന്നു.

ഒരു വെബ് ബ്രൗസറിൽ പ്രദർശിപ്പിക്കുമ്പോൾ അതിന്റെ ഫലം ലഭിക്കും

<div id="myReactApp">
  <h1>Hello World!</h1>
</div>

അവലംബം[തിരുത്തുക]

  1. Occhino, Tom; Walke, Jordan. "JS Apps at Facebook". YouTube. ശേഖരിച്ചത് 22 Oct 2018.
  2. "Releases – Facebook/React". GitHub.
  3. "React - A JavaScript library for building user interfaces". React. ശേഖരിച്ചത് 7 April 2018.
  4. Krill, Paul (May 15, 2014). "React: Making faster, smoother UIs for data-driven Web apps". InfoWorld.
  5. Hemel, Zef (June 3, 2013). "Facebook's React JavaScript User Interfaces Library Receives Mixed Reviews". InfoQ.
  6. Dawson, Chris (July 25, 2014). "JavaScript's History and How it Led To ReactJS". The New Stack.
  7. Dere, Mohan (2018-02-19). "How to integrate create-react-app with all the libraries you need to make a great app". freeCodeCamp. ശേഖരിച്ചത് 2018-06-14.
  8. Samp, Jon (2018-01-13). "React Router to Redux First Router". About Codecademy. ശേഖരിച്ചത് 2018-06-14.
  9. "The React Framework". Nextjs.org. 2019-08-14.
  10. "Blazing fast modern site generator for React". Gatsbyjs.org. 2019-08-14.