ReactJS, React Native & GraphQL Newsletter: 62

  • This week we debug React in Visual Studio Code, use GraphQL fragments, use React Styled Components, build better databases with PostgreSQL and much more!
  • In this guide I will show you how to supercharge your React workflow with Visual Studio Code’s debugging features.
  • This article includes some basic term and fundamentals approach for React JS and & React Native.
  • That’s it for the newest edition of the best ReactJS, React Native & GraphQL Newsletter!
  • Like & follow for all the news about ReactJS, React Native & GraphQL!

This week we debug React in Visual Studio Code, use GraphQL fragments, use React Styled Components, build better databases with PostgreSQL and much more!
Continue reading “ReactJS, React Native & GraphQL Newsletter: 62”

How to learn React Native

  • React Native is the hot topic these days for building mobile apps.
  • Learning ES6 makes it much easier to write React and React Native code.
  • The main things you should have learnt after completing the tutorial are Lifecycle of a React Component and what are props and state – – React Native uses Flexbox layout style to render views in a much easier and responsive way.
  • Since an important function in mobile app is how to navigate between screens, it is important to know how it’s done in React Native.
  • As of this writing, RN recommends to use libraries like ReactNavigation and React Native Navigation to use same code for both Android and iOS.

Here is a small guide for Android/iOS developers on how to learn React Native.
Continue reading “How to learn React Native”

#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS

#React Tutorials - Day 2 - Environment Setup by @pankajmalhan30 cc @CsharpCorner  #ReactJS

  • Create React App

    After installing the React global packages now run “create-react-app reactapp” command, this command will create a React project and name this project as “reactapp”.

  • Now you are in root directory of the project again run the “npm start” command this command run the React project on “3000” port.
  • Now, run the command “dotnet new React“

    This command creates a template project for React Application.

  • Using Webpack and Babel

    So far we set up the React Environment set up using the npm and Visual Studio 2017 SPA templates.

  • Now we will focus on the Webpack and babel to setup the React project.

In this article you will learn about Environment Setup in React.
Continue reading “#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS”

#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS

#React Tutorials - Day 2 - Environment Setup by @pankajmalhan30 cc @CsharpCorner  #ReactJS

  • Create React App

    After installing the React global packages now run “create-react-app reactapp” command, this command will create a React project and name this project as “reactapp”.

  • Now you are in root directory of the project again run the “npm start” command this command run the React project on “3000” port.
  • Now, run the command “dotnet new React“

    This command creates a template project for React Application.

  • Using Webpack and Babel

    So far we set up the React Environment set up using the npm and Visual Studio 2017 SPA templates.

  • Now we will focus on the Webpack and babel to setup the React project.

In this article you will learn about Environment Setup in React.
Continue reading “#React Tutorials – Day 2 – Environment Setup by @pankajmalhan30 cc @CsharpCorner #ReactJS”

Build ReactJS App with Visual Studio Code

Build #ReactJS #App with #VisualStudio Code by @thinkaboutnitin cc @CsharpCorner  #VS2017

  • In this artilce, I will introdice Visual Studio Code and how to get it ready to setup to build React apps.
  • The first step is to open React app in Visual Studio Code.
  • Once your React app is open in Visual Studio Code, you will find some directories in left corner.
  • By default, when we run ReactJS app, we get the above web page in our browser.
  • So, go ahead and build your React app with the help of Visual Studio Code.

Explore ReactJS App with Visual Studio Code.
Continue reading “Build ReactJS App with Visual Studio Code”

Getting up and running with #reactjs @FableCompiler and Suave on #netcore #fsharp

  • The Fable compiler is used to compile the F# client code to JavaScript so that it can run in the browser.
  • If you look at then you will see code that is shared between client and server.
  • NET core and for the client the Fable compiler is translating it into JavaScript.
  • With Expecto you write tests as values in normal code.
  • If you are in development mode then you can use Expecto’s focused test feature to run a selected test against the running server.

fable-suave-scaffold – Working sample of a Suave + Fable + Elmish project with hot reloading
Continue reading “Getting up and running with #reactjs @FableCompiler and Suave on #netcore #fsharp”

5 React Development Tips for Beginner – SkyshiDigital – Medium

5 React Development Tips for Beginner  #beginner #react #javascript #reactjs

  • 5 React Development Tips for BeginnerHello there, on this article i will tell you some tips about my experiences on developing web-apps with React.
  • If you wanna keep learning about programming languages, you should understand the Fundamental first.But, React is not a programming language, it’s a library on top of JavaScript.
  • It’s the V of your MVC, so if you came from JavaScript background (Vue, Angular, jQuery or anything) you won’t encounter any big hurdle.So, here’s my tips for anyone who want to learn React:1.
  • It’s simple, because if you are a self-trained programmer, you should use an IDE.
  • It will save you from some typing errors before sinking deeper into StackOverflow.For IDE selection, React are best developed with Atom + nuclide (because Facebook using it) or maybe if you have subscription of WebStorm?

Hello there, on this article i will tell you some tips about my experiences on developing web-apps with React. As a Beginner. For me, learning react is not really easy but not really hard too. FYI i…
Continue reading “5 React Development Tips for Beginner – SkyshiDigital – Medium”