There is something wrong with all the app development frameworks ….

@spy100Jul 24.2020

They are all counterintuitive

Let’s take a few examples ….

React

`ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById(‘root’)
);`

React Native

`<View style={styles.center}>
<Text>Hello {props.name}!</Text>
</View>`

Vue.js

`<div id=”app”> {{ message }}</div>`

“` var app = new Vue({ el: ‘#app’, data: { message: ‘Hello Vue!’ } }) “`

Now let’s compare with simple programming languages
PHP
`echo “Hello World”;`
JS
`console.log(“Hello, world!” );`

Python:
`print(” Hello World!”)`

Instead of simplifying they are complicating things … this is my opinion (i know framewors are not programming lanaguages)

to post a comment

Full-stack Developer

4 Comments(s) _↴

@NogDogJul 24.2020 — #False comparisons. Simply doing an echo/print of a string literal is not the same as outputting it into a well-formatted HTML expression in the semantically correct position/level of the document.

@spy100authorJul 24.2020 — #@NogDog#1621255 i am just saying it's to long the syntax

Look at react :

step 1 import react and react dom

``<i>
 </i>import React from 'react';
 import ReactDOM from 'react-dom';<i>
 
 </i>`</CODE>
 
 //step 2 create the form class ...
 
 <C>class MyForm extends React.Component {</C>
 
 // step 3 create  constructor and state 
 <CODE>`<i>
 </i>  constructor(props) {
 super(props);
 this.state = { username: '' };
 }<i>
 </i>`</CODE>
 // step 4 create handler 
 <CODE>`<i>
 </i>  myChangeHandler = (event) =&gt; {
 this.setState({username: event.target.value});
 }<i>
 </i>`</CODE>
 //step 5 render form 
 <CODE>`<i>
 </i>  render() {
 return (
 &lt;h1&gt;Hello {this.state.username}&lt;/h1&gt;
 &lt;form&gt;
 &lt;input  type='text' onChange={this.myChangeHandler}/&gt;
 &lt;/form&gt;
 );
 }<i>
 </i>`</CODE>
 <C>}</C>
 
 <C>ReactDOM.render(<MyForm />, document.getElementById('root'));</C>
 
 <HR>------------------------------------------------------------------------------------------------------</HR>
 
 Now let's do jquery and basic html 
 
 
 <CODE>`<i>
 </i>&lt;p&gt;Name: &lt;span id="username" &gt;&lt;/span&gt;&lt;/p&gt;
 &lt;input id="somejunk" type="text" name="user" value="" &gt;<i>
 
 </i>`</CODE>
 <CODE>`<i>
 </i>&lt;script&gt;
 $(document).ready(function(){
 $("#somejunk").on('input', function() {
 let user = $("#somejunk").val();
 $("#username").text(user);
 });
 });
 &lt;/script <i>
 
 </i>``

See how simple and readable the code is compared to react ?

@NogDogJul 24.2020 — #> @spy100#1621262 See how simple and readable the code is compared to react ?

Sure, for something that simple there is no reason to use a framework. The question is, when you decide to build something like a single-page web app with dozens of possible pages accessing a database for some of the displayed data and a 3rd-party API for some of the other data and want to include location detection and user authentication and...well, you get the picture...it often makes sense to choose a framework that helps you organize your application so that dozens of developers can work on it, and so that other developers in a year or 2 will be able to maintain it. But it's certainly not a one-size-fits-all world where you should always use a specific framework, or any framework at all.

@spy100authorJul 24.2020 — #@NogDog#1621267 i am not talking about functionality ... react does one thing ...jquery one thing ... the point is everybody uses their own damn standard ...

Some guy is telling you that apples = bananas

Another guy is telling you that apples = kiwi

Another apples = cherries

And so on ...

They should start making one standard for all ... the same problem is with programming languages :

PHP

``<i>
 </i>function functionName() {
 //code to be executed;
 } <i>
 </i>`</CODE>
 Javascript
 <CODE>`<i>
 </i> function functionName() {
 // code to be executed
 } <i>
 </i>`</CODE>
 
 
 Ruby    &lt;-- A**hole
 <CODE>`<i>
 </i>def method_name 
 # code to be executed
 end<i>
 </i>`</CODE>
 
 Python  &lt;-- A**hole
 <CODE>`<i>
 </i>def functionName():
 #code to be executed<i>
 </i>`</CODE>
 
 C++   &lt;-- A**hole
 <CODE>`<i>
 </i>void myFunction() {
 // code to be executed
 }<i>
 </i>``