Best way to learn React with Babel from scratch? [closed] - reactjs

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I have an idea for a game and I will try to create it.
It is a simple multiplayer game that runs in a browser.
I was recommended to use React.js and Firebase.
So I paid 60 dollars for a video tutorial that built an app using these technologies, perfect! Unfortunately, it uses the JSX transformer that was deprecated, and now I have learned that I should use something called Babel instead.
What I wonder is if you can recommend me some tutorial that teach me React with Babel from scratch. I googled a lot but I could not find anything directed at noobs

If you take a look at the react site tutorial (http://facebook.github.io/react/docs/tutorial.html) they show a post JSX transformer method using babel. You should also look at some of the starter packages to see what style of organizing and building react works best for you. Here are a couple;
https://github.com/jmarkstevens/ReactPatterns

This isn't a forum for this sort of question and the question might get flagged as off-topic, but for what it's worth, since learning this stuff is hard for beginners, I suggest going to the redux library github page and watching the 30 free tutorial videos, then downloading the examples and using their 'webpack' configuration. The examples come with the pre-installed set of tools for transpiling JSX using Babel. You could look at the "counter" example since it doesn't have much redux at all (though I suggest using it anyways).
Otherwise you could be using gulp and browserify to babelify your code but again, the question is broad and should be more of a forum post so that a thread could be started for discussion.

Related

what is the best way to learn react? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 1 year ago.
Improve this question
what's the best way/resources to learn react? i have some background in HTML/CSS/JS/python.
You can simply start your first React journey with CRA(Create React App).
There are many steps to build React project like Webpack, babel or something but if you use CRA, you don't have to do it. You can simply start with your first React project with it.
Here is a link.
https://create-react-app.dev/docs/getting-started/
and you should learn usage of React in here
https://reactjs.org/
This is another tip is that if you wanna learn React.js fast, you should know how javaScript runs and know how to make a component using html, css first. cuz one of the reasons People use React is that it helps people to make reusable UI component with JSX but usage JSX code is almost same with using plain html, css code.
I hope you find a solution :D

Material suggestions for a dev about to learn reactjs [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 2 years ago.
Improve this question
do you have any advice for a dev about to begin learning react js?
all I require would be links to video tutorials and maybe a couple of tips and tricks that could help along the way... it would be really helpful, to beginners everywhere(i think we're all actually beginners, but that's a topic for another day).
The best place to start is with the official React tutorial, step-by-step guide, and general documentation.
I'd recommend using Create React app as instructed on the official site to create your first react application to mess around with.
Once you get pretty familiar with the library, you can find an abundance of free YouTube tutorials and StackOverflow threads to get deeper into specific subjects that still remain confusing to you.
Check out the React documentation and it would be a great start. On the other hand, you can practice on the freeCodeCamp and improve yourself.

Best framework for developing real-time website? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
The title may be misleading many, so let me rephrase. What is the best framework or language that is used for displaying real-time data, that requires a lot of UI/backend rendering?
Recently I was using mean stack with angular2 for a project and it was very cumbersome for always using two-way data-binding or using event emitters to watch any change.
Is there any language/framework that just renders UI based on what has been changed in backend or frontend?
Would reactjs or metoeorjs do the job?
Please enlighten me.
Thanks
I'm unsure of what would have changed with Angular2 but Angular JS was developed to among other things, make something like that easy.
Since Angular 2 has added much more and streamlined how things are done I'm going to say you don't have a good grasp on what the capabilities are because that should be able to handle that. If not, then Angular JS(1) can for sure.
A lot of people are straying away from Angular due to the huge changes in 2 in my experience.
Personally, I use react to do this. If you set up web sockets, or use Firebase all you do is handle the event triggers. When they do, react uses immutability to see what part of objects have changed and renders/updates elements accordingly.

Angular 2 with ES5 useful links for beginners [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
I'm new to Angular 2, I just want some useful links for learning Angular 2 with javascript(ES5), since I tried to find some useful stuff from google search, but there is no single place where I'll get basic information. So anybody knows about any kind of material like videos or demo samples, please post here, I really appreciate you responses :)
Here are some links, what I knows:
http://blog.thoughtram.io/angular/2015/05/09/writing-angular-2-code-in-es5.html
http://nicholasjohnson.com/blog/how-to-do-everything-in-angular2-using-es6/
https://daveceddia.com/dependency-injection-angular-2-es5/
This is a good hands on starting point, Angular 2 + ES6/7
https://github.com/blacksonic/angular2-esnext-starter
Basically as official suggested angular2 has good compatibility with typescript instead of ES5*6 may be thats the reasons why all the tutorials and articles were written using typescript but still if you wanna use angular2 using ES5 you can refer here :-
https://www.sitepoint.com/creating-components-angular-2-typescript-es5/
https://angular.io/docs/js/latest/index.html
https://egghead.io/lessons/angularjs-angular-2-hello-world-es5
also you can refer direct with your problems on stackoverflow and github issue
hope this may help you :)
I tried the official docs and they're very clear
https://angular.io/guide/quickstart

What are the alternatives to angular js? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 7 years ago.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
This question does not appear to be about a specific programming problem, a software algorithm, or software tools primarily used by programmers. If you believe the question would be on-topic on another Stack Exchange site, you can leave a comment to explain where the question may be able to be answered.
Improve this question
New to front end development here. Discovered Yeoman, seems like a great tool. I worked through a tutorial and then completed a small project using Angular JS with a Node JS backend. To assist in looking at things from my perspective: at this point I don't know enough web development to abstract my approach, I just know the set of tools I can use to get something working. I know if I want to make a new web site I can generate a project using Yeoman, fiddle with the HTML/CSS, and make the content dynamic with Angular. It actually works pretty well.
However, I am curious as to what the other approaches to web development are. What are the alternatives to Angular JS? Is Angular.js the standard/common approach?
There are tons of Javascript frameworks out there. AngularJS is quite popular, but by no means the standard or common practice. Other popular frameworks you may want to look into are Meteor for full stack apps, ReactJS, Backbone, Ember, and many many more for front-end Javascript frameworks. Also, taking a step back, there are tons of other approaches to web development other than just considering what's on the front end (HTML, CSS and JS). For example, you can build whole websites without even touching javascript using Ruby on Rails. Other big frameworks are Python's Django, PHP with Drupal, Wordpress, Joomla, etc., and .NET / C# just to mention a few. Hope that gets your research started.

Resources