-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathreactnative.html
More file actions
304 lines (231 loc) · 20.7 KB
/
reactnative.html
File metadata and controls
304 lines (231 loc) · 20.7 KB
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
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
<!DOCTYPE html>
<html lang="es">
<head>
<link rel="icon" href="https://jmsolera.com/wp-content/uploads/2019/07/React.js_logo-512.png">
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>Comparación de frameworks: React Native</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<link rel="stylesheet" href="./css/main.css">
<script src="https://kit.fontawesome.com/3964857799.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="border-bottom border-celeste">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<div class="d-flex justify-content-start ms-2">
<img class="tamanyoImgNavBar" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoJPGc+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0xODIuMzA4LDI2NC43MDF2LTUwLjc4NmgzMS4xMzF2NDkuODYzYzAsMTQuMTE0LDUuNDA4LDE5LjM5MSwxNC4xMTUsMTkuMzkxYzguNzA2LDAsMTQuMTE0LTUuMjc2LDE0LjExNC0xOS4zOTEgICAgIHYtNDkuODYzaDMwLjYwNHY1MC43ODZjMCwyNy43MDItMTYuNjIxLDQzLjY2My00NC45ODIsNDMuNjYzQzE5OC45MjksMzA4LjM2NCwxODIuMzA4LDI5Mi40MDMsMTgyLjMwOCwyNjQuNzAxeiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJCQk8cGF0aCBkPSJNMjkzLjExMiwyMTMuOTE1aDMxLjEzMXY5Mi4zMzloLTMxLjEzMVYyMTMuOTE1eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9wYXRoPgoJCTwvZz4KCTwvZz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMjU1Ljk2OCw0MTkuNzg0Yy05MC4zMTEsMC0xNjMuNzg1LTczLjQ3NC0xNjMuNzg1LTE2My43ODRjMC05MC4zMTIsNzMuNDc0LTE2My43ODUsMTYzLjc4NS0xNjMuNzg1ICAgICBTNDE5Ljc1MywxNjUuNjg4LDQxOS43NTMsMjU2QzQxOS43NTMsMzQ2LjMxMSwzNDYuMjc5LDQxOS43ODQsMjU1Ljk2OCw0MTkuNzg0eiBNMjU1Ljk2OCwxMjIuMjE1ICAgICBjLTczLjc2OSwwLTEzMy43ODUsNjAuMDE2LTEzMy43ODUsMTMzLjc4NWMwLDczLjc2OSw2MC4wMTYsMTMzLjc4NCwxMzMuNzg1LDEzMy43ODRTMzg5Ljc1MywzMjkuNzY5LDM4OS43NTMsMjU2ICAgICBDMzg5Ljc1MywxODIuMjMsMzI5LjczNywxMjIuMjE1LDI1NS45NjgsMTIyLjIxNXoiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcGF0aD4KCQk8L2c+CgkJPGc+CgkJCTxnPgoJCQkJPGc+CgkJCQkJPHJlY3QgeD0iMjQxIiB5PSI0NjEuNTc3IiB3aWR0aD0iMzAiIGhlaWdodD0iNTAuNDIzIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCQk8Zz4KCQkJCQk8cmVjdCB4PSI0NjEuNTc3IiB5PSIyNDEiIHdpZHRoPSI1MC40MjMiIGhlaWdodD0iMzAiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCTxyZWN0IHk9IjI0MSIgd2lkdGg9IjUwLjQyMiIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJPHJlY3QgeD0iMjQxIiB3aWR0aD0iMzAiIGhlaWdodD0iNTAuNDIyIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCQk8Zz4KCQkJCQk8cmVjdCB4PSIyNDEiIHk9IjQ2MS41NzciIHdpZHRoPSIzMCIgaGVpZ2h0PSI1MC40MjMiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCTxyZWN0IHg9IjQ2MS41NzciIHk9IjI0MSIgd2lkdGg9IjUwLjQyMyIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJPHJlY3QgeT0iMjQxIiB3aWR0aD0iNTAuNDIyIiBoZWlnaHQ9IjMwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCTwvZz4KCQkJPGc+CgkJCQk8Zz4KCQkJCQkKCQkJCQkJPHJlY3QgeD0iMTEyLjAzNyIgeT0iNDM4Ljg5MiIgdHJhbnNmb3JtPSJtYXRyaXgoMC41MTQ1IC0wLjg1NzUgMC44NTc1IDAuNTE0NSAtMzIyLjU3MDMgMzM4LjAzNzYpIiB3aWR0aD0iNTAuNDIzIiBoZWlnaHQ9IjI5Ljk5OSIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJCgkJCQkJCTxyZWN0IHg9IjQzOC44OTIiIHk9IjM0OS41NDEiIHRyYW5zZm9ybT0ibWF0cml4KDAuNTE0NiAtMC44NTc1IDAuODU3NSAwLjUxNDYgLTEwMC45OTQzIDU3MS4xMTQyKSIgd2lkdGg9IjMwLjAwMSIgaGVpZ2h0PSI1MC40MjMiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCQoJCQkJCQk8cmVjdCB4PSI0My4xMDciIHk9IjExMi4wMzYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNTE0NSAtMC44NTc1IDAuODU3NSAwLjUxNDUgLTg5LjQ3NjMgMTE2LjQ1MzEpIiB3aWR0aD0iMzAuMDAxIiBoZWlnaHQ9IjUwLjQyMiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJCgkJCQkJCTxyZWN0IHg9IjM0OS41NDEiIHk9IjQzLjEwOCIgdHJhbnNmb3JtPSJtYXRyaXgoMC41MTQ1IC0wLjg1NzUgMC44NTc1IDAuNTE0NSAxMzIuMTA1MyAzNDkuNTQ5NSkiIHdpZHRoPSI1MC40MjMiIGhlaWdodD0iMjkuOTk5IiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCQk8Zz4KCQkJCQkKCQkJCQkJPHJlY3QgeD0iMTEyLjAzNyIgeT0iNDM4Ljg5MiIgdHJhbnNmb3JtPSJtYXRyaXgoMC41MTQ1IC0wLjg1NzUgMC44NTc1IDAuNTE0NSAtMzIyLjU3MDMgMzM4LjAzNzYpIiB3aWR0aD0iNTAuNDIzIiBoZWlnaHQ9IjI5Ljk5OSIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJCgkJCQkJCTxyZWN0IHg9IjQzOC44OTIiIHk9IjM0OS41NDEiIHRyYW5zZm9ybT0ibWF0cml4KDAuNTE0NiAtMC44NTc1IDAuODU3NSAwLjUxNDYgLTEwMC45OTQzIDU3MS4xMTQyKSIgd2lkdGg9IjMwLjAwMSIgaGVpZ2h0PSI1MC40MjMiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCQoJCQkJCQk8cmVjdCB4PSI0My4xMDciIHk9IjExMi4wMzYiIHRyYW5zZm9ybT0ibWF0cml4KDAuNTE0NSAtMC44NTc1IDAuODU3NSAwLjUxNDUgLTg5LjQ3NjMgMTE2LjQ1MzEpIiB3aWR0aD0iMzAuMDAxIiBoZWlnaHQ9IjUwLjQyMiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQk8L2c+CgkJCTxnPgoJCQkJPGc+CgkJCQkJPHJlY3QgeD0iMjguOTEiIHk9IjM1Mi44NDEiIHRyYW5zZm9ybT0ibWF0cml4KDAuODc0NyAtMC40ODQ2IDAuNDg0NiAwLjg3NDcgLTE3MS40NzY2IDcyLjMwNDcpIiB3aWR0aD0iNTAuNDIyIiBoZWlnaHQ9IjMwIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCQk8Zz4KCQkJCQkKCQkJCQkJPHJlY3QgeD0iMzUyLjg0MSIgeT0iNDMyLjY2NyIgdHJhbnNmb3JtPSJtYXRyaXgoMC44NzQ3IC0wLjQ4NDYgMC40ODQ2IDAuODc0NyAtMTc1LjgxMTYgMjM1LjYxNDEpIiB3aWR0aD0iMzAuMDAxIiBoZWlnaHQ9IjUwLjQyMyIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJCgkJCQkJCTxyZWN0IHg9IjEyOS4xNTgiIHk9IjI4LjkxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjg3NDcgLTAuNDg0NiAwLjQ4NDYgMC44NzQ3IC04LjE2OTMgNzYuNjM5NCkiIHdpZHRoPSIzMC4wMDEiIGhlaWdodD0iNTAuNDIzIiBmaWxsPSIjZmZmZmZmIiBkYXRhLW9yaWdpbmFsPSIjMDAwMDAwIiBzdHlsZT0iIiBjbGFzcz0iIj48L3JlY3Q+CgkJCQk8L2c+CgkJCQk8Zz4KCQkJCQkKCQkJCQkJPHJlY3QgeD0iNDMyLjY2NyIgeT0iMTI5LjE1OSIgdHJhbnNmb3JtPSJtYXRyaXgoMC44NzQ3IC0wLjQ4NDYgMC40ODQ2IDAuODc0NyAtMTIuNTAzNSAyMzkuOTQ2MSkiIHdpZHRoPSI1MC40MjIiIGhlaWdodD0iMzAiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCTxyZWN0IHg9IjI4LjkxIiB5PSIzNTIuODQxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjg3NDcgLTAuNDg0NiAwLjQ4NDYgMC44NzQ3IC0xNzEuNDc2NiA3Mi4zMDQ3KSIgd2lkdGg9IjUwLjQyMiIgaGVpZ2h0PSIzMCIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQkJPGc+CgkJCQkJCgkJCQkJCTxyZWN0IHg9IjM1Mi44NDEiIHk9IjQzMi42NjciIHRyYW5zZm9ybT0ibWF0cml4KDAuODc0NyAtMC40ODQ2IDAuNDg0NiAwLjg3NDcgLTE3NS44MTE2IDIzNS42MTQxKSIgd2lkdGg9IjMwLjAwMSIgaGVpZ2h0PSI1MC40MjMiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIHN0eWxlPSIiIGNsYXNzPSIiPjwvcmVjdD4KCQkJCTwvZz4KCQkJCTxnPgoJCQkJCQoJCQkJCQk8cmVjdCB4PSIxMjkuMTU4IiB5PSIyOC45MSIgdHJhbnNmb3JtPSJtYXRyaXgoMC44NzQ3IC0wLjQ4NDYgMC40ODQ2IDAuODc0NyAtOC4xNjkzIDc2LjYzOTQpIiB3aWR0aD0iMzAuMDAxIiBoZWlnaHQ9IjUwLjQyMyIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgc3R5bGU9IiIgY2xhc3M9IiI+PC9yZWN0PgoJCQkJPC9nPgoJCQk8L2c+CgkJPC9nPgoJPC9nPgo8L2c+CgoKCgoKCgoKCgoKCgoKCjwvZz48L3N2Zz4=" />
<a class="navbar-brand ms-3" href="#">Práctica IU</a>
</div>
<div class="d-flex justify-content-end">
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item me-4">
<a class="nav-link" aria-current="page" href="./angularjs.html">Angular.js</a>
</li>
<li class="nav-item me-4">
<a class="nav-link" href="./ionic.html">Ionic</a>
</li>
<li class="nav-item me-4">
<a class="nav-link text-info" href="#">React native</a>
</li>
<li class="nav-item me-4">
<a class="nav-link" href="./vuejs.html">Vue</a>
</li>
<li class="nav-item me-5">
<a class="nav-link" aria-current="page" href="./index.html">Diferencias de Frameworks</a>
</li>
</ul>
</div>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
</nav>
</div>
<!--Logo y descripcion-->
<div class="container-fluid bg-dark pt-5 pb-3">
<div class="row justify-content-center p-5 pb-3">
<div class="col-auto">
<img class="tamanyoLogoFramework" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/React.svg/1200px-React.svg.png" >
</div>
</div>
<div class="row justify-content-center">
<div class="col-auto">
<h1 class="display-3 fw-bold text-info">React Native</h1>
</div>
</div>
<div class="row justify-content-center">
<div class="col-10 col-sm-8 col-lg-6">
<p class="lead mb-4 text-center mt-2 text-white">
React, se trata de una biblioteca de Javascript open source que sirve para construir interfaces de
usuario. De ahí surge <b>React Native</b>, que se trata de un framework creado por <b>Facebook</b> para construir
principalmente aplicaciones móviles (también para aplicaciones pc) utilizando JavaScript y React.
</p>
</div>
</div>
</div>
<div class="container-fluid bg-light pt-4 pb-2">
<!--Algunas ventajas-->
<div class="row justify-content-center pb-3">
<div class="col-auto">
<h3 class="fw-bold text-dark">Algunas ventajas</h3>
</div>
</div>
<div class="row justify-content-center">
<div class="col-10 col-sm-8 col-lg-6">
<p class="lead mb-4 text-center mt-2">
Una de las grandes ventajas de este framework es que nos permite crear una aplicación móvil que puede
ser ejecutada tanto para Android como para iOS, sin tener que usar 2 lenguajes distintos (a diferencia
de usar Java/Kotling para Android y Objective-C/Swift para iOS).
</p>
<p class="lead mb-4 text-center mt-2">
Gracias a la tecnología <b>Bridge</b>, el JavaScript de React Native permite comunicarse con componentes nativos,
por lo que es mucho más rápido y eficiente a diferencia de otras tecnologías híbridas.
</p>
</div>
</div>
<!--Boton comparar frameworks-->
<div class="row justify-content-center pt-2 pb-4">
<div class="col-10 col-sm-8 col-lg-6 text-center">
<a type="button" class="btn btn-info btn-lg btn-block text-white" href="./index.html">
Comparar React Native con otros Frameworks <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
<!--Aplicaciones que usan React Native-->
<hr class="bg-dark border-2">
<div class="row justify-content-center pt-4">
<div class="col-auto">
<h3 class="fw-bold text-dark text-center">Algunas aplicaciones que confían en React Native</h3>
</div>
</div>
<div class="row mt-5">
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="https://d33wubrfki0l68.cloudfront.net/3a27dc4d9b5ed67b4b773f049b5de2466101f3b7/e47c0/img/showcase/facebook.png">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Facebook</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
Facebook fue lanzado en 2004 Mark Zuckerberg. Se trata de una red social web que posteriormente
lanzó aplicaciones para Android y iOS. Facebook React Native para sus aplicaciones y también es el
creador de este Framework.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="https://d33wubrfki0l68.cloudfront.net/53c6146a473095cb6418e07f01d38292daf70891/d5dac/img/showcase/instagram.png">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Instagram</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
Instagram se trata de una red social orientado principialmente a fotos y videos. Actualmente
es propiedad de Facebook y también utiliza React Native tanto en Android como en iOS.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="https://d33wubrfki0l68.cloudfront.net/5be3f5f20eaa5a1ff1c9e4b2f58ea421c84c8106/7987e/img/showcase/discord.png">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Discord</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
Discord se trata de servicio de mensajería instantánea con chat de voz VolP, video y chat
por texto. Esta aplicación esta disponible en múltiples plataformas como Windows, MacOS, Android,
iOS y Linux. Actualmente utiliza React Native para iOS.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="https://d33wubrfki0l68.cloudfront.net/ee81e39810f4cd187ded751ffa1368040b2f740e/b1f6c/img/showcase/skype.png">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Skype</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
Skype se trata de una aplicación parecido a Discord que permite comunicaciones de texto, voz y
vídeo sobre Internet (VoIP). Actualmente es propiedad de Microsoft. Skype esta disponible en
varias plataformas, sin embargo, hace uso de React Native en Android y iOS.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="https://d33wubrfki0l68.cloudfront.net/f9f9656ba58a1f9e5446f1e84a70d3e39b145c5b/bc648/img/showcase/pinterest.png">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Pinterest</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
Pinterest es una plataforma que permite a los usuarios crear y administrar, en tableros personales
temáticos, colecciones de imágenes como eventos, intereses, aficiones y mucho más. Los usuarios
pueden buscar imágenes de otros usuarios, compartirlo e incluso hablar con un usuario en concreto
para comprar su imágen. Actualmente hace uso de este Framework en Android y iOS.
</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-5">
<div class="row justify-content-center">
<img class="tamanyoLogos" src="https://d33wubrfki0l68.cloudfront.net/fff92276613025598e7ff604f479623c7468abb9/dcb56/img/showcase/tesla.png">
</div>
<div class="row justify-content-center">
<p class="h4 fw-bold text-dark text-center mt-2">Tesla</p>
<div class="col-10 col-sm-9 col-lg-8">
<p class="lead text-justify mb-4">
Tesla se trata de una empresa liderada por Elon Musk y se encarga de diseñar, fabricar y vender
automóviles eléctricos, componentes mecánicos para la propulsión de vehículos eléctricos y baterías domésticas.
Esta empresa se volvió muy famosa ya que es de las pocas empresas que impulsan siempre el uso de vehículos eléctricos,
por lo que ha obtenido muy buenos reconocimientos. Actualmente hace uso de este Framework tanto en Android como en iOS.
</p>
</div>
</div>
</div>
</div>
<!--Botón para siguiente Framework(SOLO SE MUESTRA SI ES EN lg o mas)-->
<div class="d-none d-lg-block">
<div class="row pt-2 pb-4">
<div class="col-lg-6 d-grid gap-2">
<a type="button" class="btn btn-outline-dark btn-lg btn-block" href="./ionic.html">
<i class="fas fa-arrow-left"></i> Volver al Framework anterior
</a>
</div>
<div class="col-lg-6 d-grid gap-2">
<a type="button" class="btn btn-info btn-lg btn-block text-white" href="./vuejs.html">
Ir al siguiente Framework <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
<!--Botón para siguiente Framework(SOLO SE MUESTRA SI ES de xs hasta md)-->
<div class="d-md-block d-lg-none">
<div class="row pt-2 pb-4">
<div class="col-6 d-grid gap-2">
<a type="button" class="btn btn-outline-dark btn-lg btn-block" href="./ionic.html">
<i class="fas fa-arrow-left"></i> Volver
</a>
</div>
<div class="col-6 d-grid gap-2">
<a type="button" class="btn btn-info btn-lg btn-block text-white" href="./vuejs.html">
Siguiente <i class="fas fa-arrow-right"></i>
</a>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4" crossorigin="anonymous"></script>
</body>
</html>