The latest articles on DEV Community by Shuhaib S (@shuhaibz_s). https://dev.to/shuhaibz_s https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F676339%2F29a1d0dd-71c7-4258-8b48-4965f085dc28.jpeg https://dev.to/shuhaibz_s en Shuhaib S Sun, 13 Nov 2022 15:37:14 +0000 https://dev.to/shuhaibz_s/list-comprehensions-in-python-5372 https://dev.to/shuhaibz_s/list-comprehensions-in-python-5372 <p><strong>List in python</strong></p> <p>Lists are used to store multiple items in a single variable. Lists are one of 4 built-in data types in Python used to store collections of data, the other 3 are Tuples, Set, and Dictionary, all with different qualities and usage.</p> <h2> How to mutate the value and set the new value in list? </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>nums = [1,2,3,4] ## we can double this value with 2 ( num *2 ) doubled = [x * 2 for x in nums ] ## output is : [2, 4, 6, 8] </code></pre> </div> <p><strong>How it worked?</strong><br> each iteration the x will be stored as calculated with 2 </p> <h2> How to filter the list? </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>nums = [1,2,3,4] ## we can double this value with 2 ( num *2 ) filtered = [x for x in nums if x &gt; 2] ## output is : [3, 4] </code></pre> </div> <p><strong>How it worked?</strong><br> each iteration the x will be checked with the condition and stored</p> <h2> How to filter the List of dictionaries? </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>names = [ {"name":"abil"}, {"name":"john"},{"name":"willing"},{"name":"sam"} ] ## we can double this value with 2 ( num *2 ) filtered_names = [item for item in names if item.startswith("s")] ## output is : [{"name":"sam"}] </code></pre> </div> <p><strong>How it worked?</strong><br> each iteration the x will be checked with the condition and stored</p> webdev python lis shuhaib Shuhaib S Sat, 12 Nov 2022 17:57:34 +0000 https://dev.to/shuhaibz_s/how-to-render-react-with-expressjs-together-2a8h https://dev.to/shuhaibz_s/how-to-render-react-with-expressjs-together-2a8h <p>Hi guys, this is a way to run the react and express in a single server and a static way</p> <ol> <li>Create a react project and write your code.</li> <li>Create an express project.</li> <li>Run the express project.</li> <li>Link the express backend with react and build.</li> <li>Set the react project build folder as static in the express.</li> <li>And re-run the express project. </li> </ol> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code> app.use(express.static(path.join(__dirname, 'build'))) </code></pre> </div> <p><strong>working</strong><br> The react project will be bundled together through the build. And it will contain an HTML file so the HTML file will be rendered when the express project run. So the HTML file will available for the end user and </p> webdev javascript express react