React Native · Learn once, write anywhere

about 500~20000

363

Backfired. hard to succeed fierce

1

50.18.215.94

ReactNative·Learnonce,writeanywhereSkiptomaincontentJoinusforReactConfonMay15-16.LearnMore.ReactNativeDevelopmentGuidesComponentsAPIsArchitectureContributingCommunityShowcaseBlogSearchFollow@reactnativeStarReactLogoReactNativeLearnonce,write anywhere.GetstartedLearnthebasicsCreatenativeappsforAndroid,iOS,andmoreusingReactReactNativecombinesthebestpartsofnativedevelopmentwithReact,abest-in-classJaScriptlibraryforbuildinguserinterfaces.Usealittle—oralot.YoucanuseReactNativetodayinyourexistingAndroidandiOSprojectsoryoucancreateawholenewappfromscratch.WritteninJaScript—renderedwithnativecodeReactprimitivesrendertonativeplatformUI,meaningyourappusesthesamenativeplatformAPIsotherappsdo.Manyplatforms,oneReact.Createplatform-specificversionsofcomponentssoasinglecodebasecansharecodeacrossplatforms.WithReactNative,oneteamcanmaintainmultipleplatformsandshareacommontechnology—React.importReactfromx27;reactx27;;import{Text,View}fromx27;react-nativex27;;import{Header}fromx27;./Headerx27;;import{heading}fromx27;./Typographyx27;;constWelcomeScreen=()=>(<View><Headertitle="WelcometoReactNative"/><Textstyle={heading}>StepOne</Text><Text>EditApp.jstochangethisscreenandturnitintoyourapp.</Text><Textstyle={heading}>SeeYourChanges</Text><Text>PressCmd+Rinsidethesimulatortoreloadyourapp’scode.</Text><Textstyle={heading}>Debug</Text><Text>PressCmd+MorShakeyourdevicetoopentheReactNativeDebugMenu.</Text><Textstyle={heading}>Learn</Text><Text>Readthedocstodiscoverwhattodonext:</Text></View>);NativeDevelopmentForEveryoneReactNativeletsyoucreatetrulynativeappsanddoesn'tcompromiseyourusers'experiences.ItprovidesacoresetofplaReact Native · Learn once, write anywheretformnosticnativecomponentslikeView,Text,andImethatmapdirectlytotheplReact Native · Learn once, write anywhereatform’snativeUIbuildingblocks.SeamlessCross-PlatformReactcomponentswrapexistingnativecodeandinteractwithnativeAPIsviaReact’sdeclarativeUIparadigmandJaScript.Thisenablesnativeappdevelopmentforwholenewteamsofdevelopers,andcanletexistingnativeteamsworkmuchfaster.App.jsHeader.ios.jsHeader.android.jsBody.jsImeTextTextTextTextTextFastRefreshSeeyourchangesassoonasyouse.WiththepowerofJaScript,ReactNativeletsyouiterateatlightningspeed.Nomorewaitingfornativebuildstofinish.Se,see,repeat.TalksandVideosMembersoftheReactNativeteamfrequentlyspeakatvariousconferences.YoucanfollowthelatestnewsfromtheReactNativeteamonTwitterFollow@reactnativeTheMetaOpenSourceteamhasputtogetherashortoverviewofReactNative,wheretheyexplainedtheprojectinbeginnerx27;sterms.FacebookSupported,CommunityDrivenFacebookreleasedReactNativein2015andhasbeenmaintainingiteversince.In2018,ReactNativehadthe2ndhighestnumberofcontributorsforanyrepositoryinGitHub.Today,ReactNativeissupportedbycontributionsfromindividualsandcompaniesaroundtheworldincludingCallstack,Expo,InfiniteRed,MicrosoftandSoftwareMansion.OurcommunityisalwaysshippingexcitingnewprojectsandexploringplatformsbeyondAndroidandiOSwithreposlikeReactNativeWindows,ReactNativemacOSandReactNativeWeb.ReactNativeisbeingusedinthousandsofapps,butitx27;slikelyyoux27;vealreadyuseditinoneoftheseapps:andmanymore.GiveitatryRunthisnpxreact-nativeinitMyTestAppReadtheseGetstartedLearnthebasicsDevelopGuidesComponentsAPIsArchitectureParticipateShowcaseContriReact Native · Learn once, write anywherebutingCommunityDirectoryStackOverflowFindusBlogTwitterGitHubExploreMoreReactJSPrivacyPolicyTermsofService©2024MetaPlatforms,Inc.