H5&CSS Basic —— 004. Why ReactJs
»
001. Free HTTPS Certificate
002. About The Column
003. Visible Area of Browser
004. Why ReactJs
005. Prohibit mobile scaling
006. EM in H5
007. Space width in page
008. H5 Special Characters
009. H5 Restricting Input
010. H5 Font
011. nginx redirection configuration
012. Text Indentation
013. Flex Layout
014. Gradient Borders
015. Common DOM Operations
016. Media Query
017. CSS Selectors
018. CSS alternate lines color
019. fetch
020. JS Attributes Operation
021. scroll div
022. JS for Loop
023. Prohibit Text Selection
024. Precision Controled Float Output
025. Ionic Full Screen
026. SVG Circle
027. SVG Ellipse
028. SVG Arc
029. SVG Elliptical Sector
030. Using WebAssembly
031. JS Checklist checkbox Operation
032. SVG Bezier Curve
033. Threejs Material
034. Luminous Image Styles
035. Web Animation Points
036. CSS Gradient Fonts
037. SVG Rectangle
038. Development Ability for Remuneration
039. Close Browser Default Style for Input
040. Jet Tail Particle Animation
041. Prohibit Desktop Browser Scaling JS
042. Desktop Full Screen Web CSS
043. Display images in self scaling aspect ratio div
044. Bi-side Text Alignment Styles
045. Single line ellipsis
046. Multi-line ellipsis
047. Font Transformation Styles
048. Remove default style of a tag
049. Chinese Characters: Full Width Space
050. DIV lays on DIV
051. Calculating 1rem Pixel Values in JS
052. JS Operations of DOM Parent Nodes and Adjacent Nodes
053. Absolute Coordinates of DOM Elements in JS
054. ToolTips Div
055. Height and Width in JS
056. Nginx configuration for stream media
057. Scroll Bar Style
058. Common Methods for JS Array Operations
059. SVG Fill Style Definition
060. SVG Stroke Style Definition
061. SVG Drawing Lines
062. CSS Background Images Splicing
063. WebSocket
064. JS Calculate DPI
065. GIF Opacity or not
066. Nginx solved CORS problem
067. Look At JsonP before publish
068. Center and Middle Content in Div
069. CSS background image size keeping ratio
070. CSS Frame Animation
071. CSS Same Width Font Display
072. Package
    I've been thinking: Why use React?
    
    All frontend developer will answer:For componentization. And only after comparing development efficiency, we can know the real reason. That is for the efficiency of collaborative development among numerous developers, rather than for the development of a single developer.
    
    Long time ago, when I was busy with web apps, I used jQuery+HTML page implementations. The running speed is extremely fast and the running effect is particularly good. The development efficiency is also particularly high. 
    
    So, I was thinking that if all the dialogs in the page and styles on the page were written by myself after UX design, then, using jQuery could achieve all the effects that React can achieve. So, why we still use React?
    
    When I finished developing one pop-up dialog to another... While I was busy, I realized why we should use componentization and why React were necessary.
    
    In jQuery+HTML pages, all UI and div page content are within the same HTML page.
    Create a pop-up dialog by creating a new <div> in the same HTML file, add background CSS, adjust the window frame style and padding, and finally fill in the content inside the dialog. The efficiency of one person's development is indeed not low.
    
    However, if this web app has numerous dialogs with different styles, and if we have a short development period. It will require several frontend developers to develop simultaneously to shorten the development period. At this point, more than N developers start modifying the same HTML file, and the possible conflicts of n CSS among N developers begin. Ultimately, this resulted in many developers spending a lot of time merging code, merging individual HTML contents for single page applications, and much difficult to be found in CSS nested definitions.
    
    In order to resolve the conflict between code merging and the conflict between style definition and JS variable definition, frontend frameworks were born in the world. In frontend frameworks such as Angular, React, and Vue, each component can be a separate file, and each component can have its own CSS style definition. You manage your window code, I manage my dialog code. Everyone can work on the same frontend interface without interfering with each other. This is the componentization.
    
    That is to say, component-based code development easys facilitates collaboration among multiple developers. That is to say, the advantages of Angular, React, and Vue.
    ---- www.v-signon.com Learninger Co-Encourage
«
--Alex.Zhang
--www.v-signon.com Learningers Co-Encouraged
Back
Personal Art: www.up-task.com Unit: Individual
中文 Русский 京ICP备19038994号-2
If the content on this website infringes upon your any rights, please contact me at 1307776259@qq.com for removal