teleren/devto huggingface dataset:
How to create production builds for App Store and Play Store with EAS/Expo and React Native
Tags: reactnative, mobile, eas, build
Published: 2023-01-24 08:45:15

Through this guide I will walktrough the steps that are required to create production builds with EAS that are ready to be deployed on the stores.

## Prerequisites

In order to follow it you must have the `eas-cli` installed on your machine. If it is not the case you can run from a terminal ```npm install -g eas-cli```

According to [Expo documentation](https://docs.expo.dev/build/setup/) with EAS CLI you can either deploy a bare React Native app or an app that has been created with Expo.

## Login into your Expo account

First you need to login by typing into a terminal ```eas login```
If you are already signed in to an Expo account using Expo CLI, you can skip this step you should be already automatically logged in

## Configure the project

Then you need to configure both iOS and Android for EAS build ```eas build:configure```

In `app.json` or `app.config.js` file I **strongly recommend** to configure the build number and version code which must match your package.json version, because EAS prevents you to submit twice the same app version, so you have to increase it manually to bypass EAS checks.

Example for the 1st release :

> app.json (or app.config.js)

![version 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5joooc083keaac320496.png)

Example for the 2nd release :

> app.json (or app.config.js)

![version 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a3zsmsd0ljfw7da27x5o.png)

## Build for app stores

You must have a [Google developer account](
Google Play Consolehttps://play.google.com › signup) and a [Apple developer account](
Apple Developerhttps://developer.apple.com)

You can create separate build for Android ```eas build --platform android```

Or iOS ```eas build --platform ios```

But it is better to create builds for both platforms at the same time ```eas build --platform all```

Everything should be handled automatically by EAS now, you can follow the progress from the terminal. But if you don't want to wait you can escape the terminal when it tells you to exit with `Ctrl+C / Cmd+C`

By accessing your Expo dashboard you can check if the builds are deployed and download them to upload them in the stores

> Example of Expo dashboard

![Expo dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/is5j1a2im6m0pmxy0yrc.png)

## Enjoy your new builds

When builds are successfully created it should generate a *.ipa file* for iOS and *.aab file* for Android.
These are the files that you have to upload on Google Play Console and Apple Developer Dashboard to submit your app to the stores

![iOS Expo build](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ywax8rfomnsdt1516cdn.png)
![Android Expo build](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ydcls60emh0zw638yrlp.png)

## More details

To get more information about configuration and other things you should refer to the official documentation of [EAS Build](https://docs.expo.dev/build/introduction/)
Here are the websites which can help you learn web technologies
Tags: webdev, beginners, career, programming
Published: 2023-01-24 08:35:57

# Here are the websites which can help you learn web technologies

### → HTML: https://html.com/

### → CSS: https://css-tricks.com/

### → JavaScript: https://javascript.info/

### → Bootstrap: https://getbootstrap.com/

### → React: https://react-tutorial.app/

### → PHP: https://www.php.net/

### → Algorithms: https://algorithm-visualizer.org

### → API: https://rapidapi.com/learn

### → Git & GitHub: https://learngitbranching.js.org/

### → MySQL: https://dev.mysql.com/doc/

### → NodeJS: https://nodejs.dev/en/learn/

### → MongoDB: https://learn.mongodb.com

---

**_NOTE:_** If you found this help. Like and share. Thanks Happy Learning!

---

### Let's connect 💜

You can follow me on [Twitter](https://twitter.com/MrDanishSaleem), [Instagram](https://www.instagram.com/mrdanishsaleem/), [LinkedIn](https://www.linkedin.com/in/mrdanishsaleem/) & [GitHub](https://github.com/mrdanishsaleem/)

### Support Me

If you like this post. Kindly support me by [Buying Me a Coffee](https://www.buymeacoffee.com/mrdanishsaleem)
5-Routing in Flask Framework
Tags: webdev, flask, python, programming
Published: 2023-01-24 08:15:08

--- series: Flask a Python web framework ---

Modern web applications apply meaningful URLs to assist users to come back to them easily when they can remember them.

Use the [**route()**](https://flask.palletsprojects.com/en/2.2.x/api/#flask.Flask.route) decorator to connect a function to a URL.

We can use index route ('/') and then define it:

```python
@app.route('/')
def index():
    return 'index.html'

if __name__ == "__main__":
    app.run(debug=True)
```

Or we can use hello route and then define it to return "Hello, Welcome to blog SmartRS!" directly:

```python
@app.route('/hello')
def hello():
    return 'Hello, Welcome to blog SmartRS!'

if __name__ == "__main__":
    app.run(debug=True)
```

Run the application using:

```python
python "filename".py
```

<p>* If you like the content, please <a target="_blank" href="https://www.youtube.com/channel/UCpbWlHEqBSnJb6i4UemXQpA?sub_confirmation=1">SUBSCRIBE</a> to my channel for the future content</p>
4- Create templates in Flask
Tags: flask, python, programming, webdev
Published: 2023-01-24 08:12:04

--- series: Flask a Python web framework ---

Each template contains HTML which is the standard language of the web. The template files will be stored in the templates directory inside the project folder. Flask uses the Jinja template library to render templates.

Firstly, create a directory for your project templates using cmd:

```python
(venv) mkdir C:\Users\gardi\flask-tutorial\templates
```

For example, let's create an HTML file and write Hello World of Programming! inside it in blue color:

```python
<html>
    <body>
        <h1 style='color:blue'>Hello World of Programming!</h1>
    </body>
</html>
```

Now let's create a python script and save it as hello1.py.

At the beginning of the script we have to import Flask and render\_template:

```python
from flask import Flask, render_template
```

Then create app:

```python
app = Flask(__name__)
```

We define route **hello** to return **hello.html** template using render\_template:

```python
@app.route("/")
def hello():
        return render_template('hello.html')
```

Finally, we run the app:

```python
if __name__ == "__main__":
        app.run(debug=True)
```

Inside cmd run the Python script with command:

```python
python hello1.py
```

Open your localhost:

[http://localhost:5000/](http://localhost:5000/)

A web page like the following should be opened:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t206qp6j8enfe5ui83c8.png)



<p>* If you like the content, please <a target="_blank" href="https://www.youtube.com/channel/UCpbWlHEqBSnJb6i4UemXQpA?sub_confirmation=1">SUBSCRIBE</a> to my channel for the future content</p>
Hello Everyone ,i need small help
Tags: npm, node, express
Published: 2023-01-24 08:08:31


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/424vn7wbb3vigms8zpn5.png)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wk9tdfwpmzycmmxzg8xx.png)


above add my code in the code i have add datas  html to mysql database but can't fatch to display same html page table ..?  so what i do ?
3- How to reate Hello World App in Flask?
Tags: flask, python, webdev, programming
Published: 2023-01-24 08:07:49

--- series: Flask a Python web framework ---

To create Hello World app in Flask, First, import the Flask class from the flask package:

```python
from flask import Flask
```

Then, set the app as an instance of Flask:

```python
app = Flaks(__name__)
```

Define a function index route to display “Hello, World! This is my first from Flask”:

```python
@app.route("/")
def hello():
        return 'Hello, World! This is my first app from Flask.'
```

Save a script as “[hello.py](http://hello.py)”

Then run the script with cmd using:

```python
python hello.py
```

Now open your internet browser and write:

[http://192.168.100.2:5000](http://192.168.100.2:5000)

or [localhost:5000](http://localhost:5000)

Your first web page should be opened like this:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vx76pvb6g9jgyachd0kz.png)



To quit running it press CTRL+C

**The complete code is:**

```python
from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello():
        return 'Hello, World! This is my first app from Flask.'

if __name__ == "__main__":
        app.run(debug=True)
```

<p>* If you like the content, please <a target="_blank" href="https://www.youtube.com/channel/UCpbWlHEqBSnJb6i4UemXQpA?sub_confirmation=1">SUBSCRIBE</a> to my channel for the future content</p>
2- How to install Flask in a virtual environment?
Tags: flask, python, webdev, programming
Published: 2023-01-24 08:05:04

--- series: Flask a Python web framework ---

In this tutorial, we use Python 3 and Windows, while Flask also works well on Python 2.7.

Open cmd (Command Prompt) in Windows.

Make a directory and let’s name it “flask-tutorial” using cmd:

```python
mkdir flask-tutorial
```

Change directory to created folder:

```python
cd flask-tutorial
```

From cmd as administrator: create a virtual environment, let's name it “venv”

```python
python -m venv venv C:\Users\gardi\flask-tutorial
```

To activate the virtual environment, change the directory to flask-tutorial:

```python
cd C:\Users\gardi\flask-tutorial
```

Then activate the virtual environment in cmd:

```python
venv\Scripts\activate
```

Install Flask inside “venv” environment using pip install command inside cmd:

```python
pip install Flask
```

To check if the Flask is installed or not, go to Python inside cmd:

```python
python
```

Then import flask package using:

```python
import flask
```

<p>* If you like the content, please <a target="_blank" href="https://www.youtube.com/channel/UCpbWlHEqBSnJb6i4UemXQpA?sub_confirmation=1">SUBSCRIBE</a> to my channel for the future content</p>
Today's Fun Joke For Developers - Daily Developer Jokes
Tags: jokes, dailydeveloperjokes
Published: 2023-01-24 08:00:18

---
title: "Today's Fun Joke For Developers - Daily Developer Jokes"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259369613c.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q:___ How does a sysadmin keep a fire going?

___A:___ They rotate the logs.
 -->
1- What is Flask framework?
Tags: flask, python, webdev, programming
Published: 2023-01-24 07:59:19

--- series: Flask a Python web framework ---

Flask is a Python module's most popular web framework developed by Armin Ronacher. It is based on the Werkzeug WSGI toolkit and the Jinja2 template engine. It is very Pythonic and easy to start with it.

<p>If you like the content, please <a target="_blank" href="https://www.youtube.com/channel/UCpbWlHEqBSnJb6i4UemXQpA?sub_confirmation=1">SUBSCRIBE</a> to my channel for the future content</p>
JavaScriptda ma'lumot turlari (Data Types)
Tags: webdev, javascript, beginners, tutorial
Published: 2023-01-24 07:54:09

**JavaScript dasturlash tilida 8 ta ma'lumot turlari mavjud.**
Bular: 
 1. String 
 2. Number
 3. Bigint
 4. Boolean
 5. Undefined
 6. Null
 7. Symbol
 8. Object

**Undan tashqari Obyektning(Object DataTypes) ma'lumot turlari ham mavjud. Ular 3 ga bo'linadi:**
 1. Object
 2. Array
 3. Date 

Namunalar: 
```
// Numbers:
let length = 16;
let weight = 7.5;

// Strings:
let color = "Yellow";
let lastName = "Johnson";

// Booleans
let x = true;
let y = false;

// Object:
const person = {firstName:"John", lastName:"Doe"};

// Array object:
const cars = ["Saab", "Volvo", "BMW"];

// Date object:
const date = new Date("2022-03-25");
```

**Ma'lumot turlarini bilish o'zi nega muhim ?**
Dasturlashda o'zgaruvchilar bilan ishlash va ular ustida boshqa amallar bajarishda uning qanday ma'lumot turida ekanligini bilish muhim omil hisoblanadi. Misol uchun sizda 2 ta **x va y** deb nomlanuvchi o'zgaruvchilar bor. Ular mana bu ko'rinishda:

```
var x = "4"
var y = 2
var result = x + y

```
Agar siz _String_  va _Number_ ma'lumot turlarini bilsangiz, **result** qanday qiymatga teng bo'lishini bilasiz. Hozirgi holatda JavaScript sizga **result = "42"** qiymatni qaytaradi. Sababi **x = "4"** String ma'lumot turida turbdi va JavaScriptda **+** belgisi Number ma'lumot turini String ma'lumot turiga aylantiradi va amalni String ma'lumot turida amalga oshiradi. Lekin biz ifodaning ishorasini o'zgartirsak, hodisa boshqa tomonga o'zgaradi.

```
var x = "4"
var y = 2
var result = x - y // Javob: result = 2 (in number data type)

```
Bu yerda y ning qiymati **Number** ma'lumot turida va - ishorasi faqat o'ziga tegishli bo'lgan o'zgaruvchiga qarab keyingi o'zgaruvchiga ta'sir qiladi. 

Qolgan ma'lumot turlarini quyida [ko'rsatilgan](https://www.w3schools.com/js/js_datatypes.asp) web saytida yana to'liqroq va mashqlar bilan birgalikda tushunib olishingiz mumkin.
Full Laravel Splade Tutorial | Laravel Vuejs Tutorial
Tags: laravel, vue, javascript, tutorial
Published: 2023-01-24 07:35:16

{% embed https://www.youtube.com/watch?v=d0rg2uHIrvg %}
Playlists:
Laravel Splade Tutorial: https://bit.ly/3j0IfTW
Laravel Filament Permission: http://bit.ly/3Gojd8Z
Vue Authentication: https://bit.ly/3g7YZHd
Laravel Inertia Portfolio - https://bit.ly/3DlxTp5
Laravel Reddit clone - https://bit.ly/3UOYS2O
React tutorial for beginners - https://bit.ly/3arkqjX
Laravel Filament Blog - https://bit.ly/3nWYv74
Laravel 9 Full Tutorial - https://bit.ly/3nTiyTR
Laravel 9 Media Library - https://bit.ly/3LpJmVr
Laravel Essentials Full Tutorial - https://bit.ly/3vplyuC
Laravel Mail Tutorial - https://bit.ly/37mJUNh 
Laravel Restaurant Reservation - https://bit.ly/3Jc5IcG
Spatie Laravel Permission - https://bit.ly/3pOsOhN
Laravel Testing For Beginners - https://bit.ly/3t1gNq4
Laravel Roles and Permissions - https://bit.ly/3gOhM7d
LARAVEL INERTIA MOVIE APP - https://bit.ly/3FVMp4Q
Laravel Livewire Movie App - https://bit.ly/3s8D6v1
Laravel Classified Website - https://bit.ly/3nsFRnb
Livewire Employees - https://bit.ly/2ZtIpZY
Laravel Employees Management - https://bit.ly/3Gglt14
Laravel admin panel - https://bit.ly/3CcX75M
timetable for waec 2023
Published: 2023-01-24 07:33:50

[https://multischolar.com/waec-timetable/](https://multischolar.com/waec-timetable/#utm_source=backlinks&utm_medium=search&utm_campaign=darry+ring+us&utm_content=Michelle)
https://plaza.rakuten.co.jp/chenlee/diary/202301240000/
https://www.provenexpert.com/timetable-for-waec-2023/
https://www.producthunt.com/@waect1
https://www.divephotoguide.com/user/waect/
https://www.diggerslist.com/waect/about
https://wakelet.com/@timetableforwaec2023563
https://vocal.media/authors/waect
https://www.lifeofpix.com/photographers/waect/
https://seedandspark.com/user/waect
https://rosalind.info/users/waect/
http://phillipsservices.net/UserProfile/tabid/43/userId/195557/Default.aspx
https://app.roll20.net/users/11547838/waect
http://uid.me/waect
https://speakerdeck.com/waect
https://social.msdn.microsoft.com/profile/waect/
https://www.iheart.com/podcast/269-waect-107731719/
https://active.popsugar.com/@waect/profile
https://unsplash.com/@waect/likes
https://camp-fire.jp/profile/waect
https://plazapublica.cdmx.gob.mx/profiles/waect/activity
https://www.metal-archives.com/users/waect
https://artmight.com/user/profile/936518
https://storium.com/user/waect
https://trabajo.merca20.com/author/waect/
https://telegra.ph/timetable-for-waec-2023-01-24
https://www.intensedebate.com/people/waect
https://www.mifare.net/support/forum/users/waect/
https://pinshape.com/users/2560133-waect
http://foxsheets.com/UserProfile/tabid/57/userId/118824/Default.aspx
https://www.kompasiana.com/waect
https://www.credly.com/users/timetable-for-waec-2023/badges
https://www.myminifactory.com/users/waect
https://www.speedrun.com/user/waect
https://www.sqlservercentral.com/forums/user/waect
https://www.longisland.com/profile/waect
http://flightgear.jpn.org/userinfo.php?uid=32087
https://leanin.org/circles/waect
https://myanimelist.net/profile/waect
https://mootools.net/forge/profile/waect1
What's New in Laravel 10: A Deep Dive Into Latest Features
Tags: laravel, webdev, beginners
Published: 2023-01-24 07:25:14

1,672,117 websites that are Laravel Customers.

The symplicity and elegant syntax that Laravel offers, helps developers to write clean and maintainable code.

Additionally, Laravel's built-in support for Object-Relational Mapping (ORM) and its query builder make it easy to interact with databases, making it a go-to choice for web developers.

Before Laravel 9, the major framework versions for Laravel were released approximately every six months.

But now,

Creators declared major releases to be annual.

As per the schedule, Laravel 10 release date is lined up on 7th February 2023.

However, this does not infer to immediately convert all your Laravel projects to its version 10, as all the major releases has two years of updates.

## What’s New in Laravel 10? Features and Changes
💡App Security
💡PHP version update (8.1)
💡New validation rule via Artisan
💡Native type declaration in skeleton

Discover all new features and upcoming enhancements in detail: https://bit.ly/3QYyYbm
13- Django: create static files
Tags: webdev, django, python, programming
Published: 2023-01-24 07:19:18

--- series: Django a Python web framework ---

Static files are necessary files to render the complete web page such as images, JavaScript, or CSS.

First, create a directory called static in your polls directory: Sublime Text> select polls> right click> New Folder> Name it "static".

Then, create another directory called polls and within that create a file called style.css.
Put the following code in that stylesheet (polls/static/polls/style.css):
```
li a {
    color: green;
}
```
Next, add the following at the top of polls/templates/polls/index.html:
```
{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">
```
Reload http://localhost:8000/polls/ and you should see that the question links are green.

Then, create an images subdirectory in the polls/static/polls/ directory. Inside this directory, put an image called background. In other words, put your image in polls/static/polls/images/background.jpg

Then, add to your stylesheet (polls/static/polls/style.css):
```
body {
    background: white url("images/background.jpg") no-repeat;
}
```

Reload http://localhost:8000/polls/ and you should see the background loaded in the top left of the screen.



![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jizu7ngkqrmsol4qkdak.png)



For more details about the Django basic tutorial, go to the main source of this tutorial:
https://docs.djangoproject.com/en/4.0/intro/tutorial06/

<p>If you like the content, please <a target="_blank" href="https://www.youtube.com/channel/UCpbWlHEqBSnJb6i4UemXQpA?sub_confirmation=1">SUBSCRIBE</a> to my channel for the future content</p>
12- Django: create automated tests
Tags: webdev, django, python, programming
Published: 2023-01-24 07:16:32

--- series: Django a Python web framework ---

Static files are necessary files to render the complete web page such as images, JavaScript, or CSS.

First, create a directory called static in your polls directory: Sublime Text> select polls> right click> New Folder> Name it "static".

Then, create another directory called polls and within that create a file called style.css.
Put the following code in that stylesheet (polls/static/polls/style.css):
```
li a {
    color: green;
}
```
Next, add the following at the top of polls/templates/polls/index.html:
```
{% load static %}

<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}">
```
Reload http://localhost:8000/polls/ and you should see that the question links are green.

Then, create an images subdirectory in the polls/static/polls/ directory. Inside this directory, put an image called background. In other words, put your image in polls/static/polls/images/background.jpg

Then, add to your stylesheet (polls/static/polls/style.css):
```
body {
    background: white url("images/background.jpg") no-repeat;
}
```

Reload http://localhost:8000/polls/ and you should see the background loaded in the top left of the screen.


![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1652527806616/3RrdKKVjO.png align="left")

For more details about the Django basic tutorial, go to the main source of this tutorial:
https://docs.djangoproject.com/en/4.0/intro/tutorial06/


<p>If you like the content, please <a target="_blank" href="https://www.youtube.com/channel/UCpbWlHEqBSnJb6i4UemXQpA?sub_confirmation=1">SUBSCRIBE</a> to my channel for the future content</p>
JavaScript Ternary Operator
Tags: javascript
Published: 2023-03-03 16:33:48

---
title: JavaScript Ternary Operator
published: true
date: 2023-01-06 10:00:00 UTC
tags: JavaScript
canonical_url: https://www.90-10.dev/js-ternary-operator/
---

The ternary operator (sometime called conditional operator) is one of the most underused features of JavaScript, mainly due to a lot of people find it confusing on first glance.

### Why

Practically everyone uses conditional formatting:

```
if(condition) {
  `do something`
} else {
  `do something else`
}

```

### How

Although simple enough, one has to type quite a few extra characters. Here is the same logic using the ternary operator:

```
condition ? `do something` : `do something else`

```

If `condition` is `truthy`, the first instruction is executed, otherwise the second.

### Practical examples

Assign a value based on a condition (the ternary operator returns a value):

```
let colour = width > 100 ? "red" : "blue";

```

Change an element's classes based on state:

```
var el = document.getElementById("loginButton");
loginInProgress ? el.classList.add("disabled") : el.classList.remove("disabled");

```

The ternary operator can be a great tool for our JavaScript projects. In most cases, it can be a simple replacement for `if...else` but have in mind this simple but critical difference: the ternary operator is an expression that returns a value whilst `if...else` doesn't.

* * *

You can also use nested ternary operators to write complex conditions. However, it is important to use the ternary operator only when it makes the code more readable and simpler. If the condition is too complex, it is better to use the `if-else` statement.

* * *

The ternary operator is a useful tool in JavaScript that allows us to write `if-else` statements in a concise and readable manner and make our code more efficient and easier to understand.