-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost3.html
197 lines (161 loc) · 7.53 KB
/
post3.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Amos Adagboyi Technical Blog</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/simple-blog-template.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">AMOS ADAGBOYI TECHNICAL BLOG</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="about.html">About</a>
</li>
<li>
<a href="login.html">Login</a>
</li>
<li>
<a href="signup.html">Sign up</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
<!-- Page Content -->
<div class="container">
<div class="row">
<!-- Blog Post Content Column -->
<div class="col-lg-12">
<!-- Blog Post -->
<!-- Title -->
<h1 class="post-title">Crossplatform App development using React Native</h1>
<!-- Author -->
<p class="lead">
by Adagboyi Amos
</p>
<hr>
<!-- Date/Time -->
<p><span class="glyphicon glyphicon-time"></span> Posted on November 15, 2022 at 8:40 PM</p>
<hr>
<!-- Post Content -->
<p>There are diffrent ways of devloping android and ios apps. Kotlin,Go,Java are major languages used to develop android apps and Swift can be used to develop ios apps.but there is a unique way of developing apps for both platforms using a javascript framework called react native
React Native is a framework for building native mobile apps in JavaScript using the React JavaScript library; React Native code compiles to real native components React Native takes JavaScript and compiles it into a true native
application that can use platform-specific APIs and components, Many web
developers have JavaScript experience, which helps ease the transition from web to mobile
app development.</p><p>There are many benefits to choosing React Native as a mobile application framework.
Because the application renders native components and APIs directly, speed and
performance are much better than with hybrid frameworks such as Cordova and Ionic.
With React Native, we’re writing entire applications using a single programming language:
JavaScript. We can reuse a lot of code, thereby reducing the time it takes to ship
a cross-platform application.React and React Native both encourage the use of JSX. JSX is basically a syntax extension
to JavaScript that looks similar to XML.</p> <p>You can build React Native components
without JSX, but JSX makes React and React Native a lot more readable and easier to
maintain.JSX stands for JavaScript XML and is a combination of all three of the things I
mentioned: JavaScript, HTML (XML, to be more specific), and CSS. More precisely, JSX is
a way to embed XML inside JavaScript, without being bashed upside the head by all sorts
of syntax errors.
</p>
<p><iframe width="640" height="360" src="https://www.youtube.com/embed/L5qo6nCdj1A" title="Building cross platform experiences using React Native" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<hr>
<!-- Blog Comments -->
<!-- Comments Form -->
<div class="well">
<h4>Leave a Comment:</h4>
<form role="form">
<div class="form-group">
<textarea class="form-control" rows="3"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
<hr>
<!-- Posted Comments -->
<!-- Comment -->
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">Thomas Alessandro
<small> November 15, 2022 at 8:40 PM</small>
</h4>
Thanks for sharing such a great information.. It really helpful to me..I always search to read the quality content and finally i found this in you post. keep it up!.
</div>
</div>
<!-- Comment -->
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">Mohammed Kamal
<small> November 16, 2022 at 1:40 AM</small>
</h4>
Thanks for this knowledge.
<!-- Nested Comment -->
<div class="media">
<a class="pull-left" href="#">
<img class="media-object" src="http://placehold.it/64x64" alt="">
</a>
<div class="media-body">
<h4 class="media-heading">Janet Green
<small> November 16, 2022 at 4:40 PM</small>
</h4>
Thanks for writing this great article. I’ve been using some of these techniques on by blog. But I didn’t know the phrase “Social Proof”. Thanks for sharing.
</div>
</div>
<!-- End Nested Comment -->
</div>
</div>
</div>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
<!-- Footer -->
<footer>
<div class="container">
<div class="row">
<div class="col-lg-12">
<p>Copyright © Your Website 2022</p>
</div>
<!-- /.col-lg-12 -->
</div>
<!-- /.row -->
</div>
</footer>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>