Ant Design React Native Tutorial

By following this course you will expand your react and javascript knowledge learn some concepts of functional programming and prepare to enter the mobile world.

Ant design react native tutorial. Before all start you may need install yarn. Install and initialization. This will launch the default react app. Ant design of react.

Go to src app. Use and modify an antd component replace the contents of index js with the following code. Read about getting started with this powerhouse of a design framework for react. Create a codesandbox visit http u ant design codesandbox repro to create a codesandbox don t forget to press the save button as well to create a new instance.

Since javascript world is moving forward we will keep up with it and use ec6 syntax in this tutorial. To get started let s create a new react app from scratch. This is ant design s internal standard for evaluating design quality. Start the react app by typing npm start.

Ant design contains every ui component a modern web application would need and it has a tasteful minimal aesthetic. As you can see there is no difference between antd s components and typical react components. This tutorial is. Following the ant design specification we developed a react ui library antd that contains a set of high quality components and demos for building rich interactive user interfaces.

Ant design is a react ui library that has a plethora of easy to use components that are useful for building elegant user interfaces. So to understand the basic structure of a react native app you need to understand some of the basic react concepts like jsx components state and props. Ant design is a popular react ui library with many styled components ready for use. Follow the steps below to play around with ant design yourself.

Open your code editor in the ant tutorial folder. While material ui remains the most popular react ui library with over 40k stars on github ant design is currently at a close second. Ant design mobile a mobile design specification. Alibaba of course tencent baidu and more.

Yarn create react app antd demo or npx create react app antd demo the tool will create and initialize environment and dependencies automatically please try config your proxy setting or use another npm registry if any network errors happen during it. React native is like react but it uses native components instead of web components as building blocks. Created by chinese conglomerate alibaba ant design is used by several big names. If you already know react you still need to learn some react native specific stuff like the native components.