Is there a way to setup webpack in reactredux SPA template provided by Microsoft for dotnet core 2 to write react with js/jsx instead of typescript. I would like to avoid using typescript if possible :) any help is appreciated.
I am not familiar if this was implemented in vs2017 updates because i have used vscode for react-redux apps. But with VS2019 (release date 02.04.2019) react and react-redux templates for SPA are using javascript. That's all i wanted, so i will close this question.
Related
Is it possible to use a build version of React JS project within a JavaScript project, if it is, then can it be done?
I've made an Angular (v8) module and want to convert it to NPM to use it as a library (package) in a normal JavaScript app (or even in react or react native app).
Is this possible?
No, right out of the box, React and Angular are very different frameworks. They don't just interop with each other.
Well, this might be a silly question but I want to clarify the reason.
React-Native imports nodeJS libraries, so I think it is possible to use reactJS library as well though reactJS includes pure html components.
Can react native recognize reactJS components including html?
react library actually does not have anything related to Browser DOM HTML. Anything related to it separated into react-dom package. React Native does not and cannot use this library, because you don't have DOM underneath a react native application. However you can use most of the code/functionality you wrote for your mobile app in the browser, if you install necessary transpiling library. This is possible because react native defines some primitive components that can be ported to almost any platform.
If you still want to use just HTML to render inside react native, you may use WebView for it.
Usually libraries built specifically for other platforms will not work with React Native. Examples include react-select which is built for the web and specifically targets react-dom, and rimraf which is built for Node.js and interacts with your computer file system. Other libraries like lodash use only JavaScript language features and work in any environment. You will gain a sense for this over time, but until then the easiest way to find out is to try it yourself. You can remove packages using npm uninstall if it turns out that it does not work in React Native.
-- source: React native official docs
I am currently struggling to find a basic project template for a simple angular app that I am building in VS 2017. This app will consist of only html/js/typescript files, npm's package.json file and a gulpfile. All templates I'm finding are for class libraries or include other aspects of server side based projects that I don't want or need in my project.
Is there a way to make a basic web project in VS 2017? I'd like to stick with Visual Studio since it is the IDE we use for our other projects.
All help is appreciated.
If you are going to work on Angular I will suggest you to use visual studio code. To create a basic structure of an angular app use angular-cli.
First you need to install angular cli. Follow this link to install cli : https://github.com/angular/angular-cli
Hope it will help
The easiest way to create a new Angular project is to use Angular CLI it builds the skeleton of the project including build/ transpilation tools. It will create a lot of the boiler-plate code for you too, e.g. adding a new module can be done from the cli.
I'd suggest looking at other IDEs such as Sublime Text, VS code etc. but if you must integrate with VS 2017, there are resources available, such as angular cli and vs2017.
I have been using React and Flux for about two months now and its been great with Flux unidirectional data flow.
I have just heard of Meteor and it's great with its publish-subscribe and DDP. I have a project at hand where I have created some of my React components already and done the application logic using Flux (alt.js).
Now I just want to use Meteor for my backend and use my React components with Meteor front end. Noting that it depends on other NPM packages (I use webpack for module packaging).
So can I use NPM packages in Meteor and still use JavaScript ES6?
There is a Meteor.js React package at Atmospherejs, but it's not the same as the original Facebook React.
I'd suggest these 2 articles:
https://medium.com/#SamCorcos/meteor-webpack-from-the-ground-up-f123288c7b75
https://medium.com/#SamCorcos/meteor-webpack-react-router-a-basic-template-with-code-splitting-ac2f95d151e2
Very clear explanation of using webpack ES6 React+meteor stack.
Here couple example projects: https://github.com/thereactivestack/kickstart
Meteor's existing Blaze rendering engine is actually only loosely tied to its publish/subscribe model. In fact, there has been significant interest in the Meteor community in using React as a substitute for Blaze -- so much that there is actually an official integration in the works. (There is also an integration with Angular in progress as well.)
This integration aims to solve several issues to make using React in Meteor as painless as possible, including a ES6/JSX transpiler and the ability to use reactive Meteor data sources in React components.
Although there are some existing packages to use React with Meteor, the official integration by MDG looks great and you can look forward to using it with Meteor 1.2.
Additional links of interest:
Meteor: the missing infrastructure for building great React apps
Preview of official React support