lilpolymath

Functional Programming

Functions are small pieces of reusable and modular code that solve a specific problem or perform a specific set of actions. They are used to make code readable and eliminates redundant logic.

Functional programming is a concept in computer science that decomposes a problem into simpler problems in such a way that you can by reading a specific block of code - a pure function, know what that code block is solving.

And as such, you are only concerned with inputs and the outputs that it returns. It doesn't have a way to directly affect the output produced for a given input. A function also has no way to affect the state of its input. It also doesn't depend on a variable outside of its scope that can cause a side-effect. These are the properties of a pure function. Examples are map, reduce and filter.

An example

first = [1,2,3,4]

lilpolymath

def solve(number):
    sum = 0
    middle = int(number/2) + 1
    for i in range(1,middle):
        if number%i == 0:
            sum += i
        
    if sum == number:
        return sum

lilpolymath

#include <iostream>
#include <iomanip>
#include <string>

// Implementing a stack using an array
//  THe initial size of the array
#define st_len 5

using namespace std;

lilpolymath

# Little setback is that how input would be given
# Gets input separate by spaces
arr = [int(x) for x in input().split()]

# this part gets the min and max incase 
# not properly formatted from line 3
max = max(arr)
min = min(arr)

# Populating the array

lilpolymath

@media (max-width: 799px) {
  .css-1gj57a0-SidebarContainer-card {
    position: static;
    width: 100%;
    margin-bottom: 30px;
  }
  .css-v758ki-AppMainContainer, .css-12b66la-AppHeaderContent {
    min-width: 0;
  }
  .css-104dqk8-AppHeaderButton-button-buttonActive-buttonActive-buttonActive-buttonActive-AppHeaderButton, .css-12yqrwa-AppHeaderNavLink-AppHeaderButton-button-buttonActive-buttonActive-buttonActive-buttonActive-AppHeaderButton {

lilpolymath

import * as React from 'react';

import styles from './style.module.css';

export default function Container({ children, as = 'div', ...props }) {
  const Component = as;

  const style = styles.container + ' ' + props.styles;

  return (

lilpolymath

import React, { useState, useEffect } from "react";
export default function App() {

  const [windowWidth, setWindowWidth] = useState(window.innerWidth);
  const resizeHandler = () => {
    setWindowWidth(window.innerWidth);
  };

  useEffect(() => {
    window.addEventListener("resize", resizeHandler);

lilpolymath

import { Component } from 'react'
import ReactDOM from 'react-dom'

export default class Observer extends Component {
  isIntersecting = false

  getCurrentScrollPos() {
    const supportPageOffset = window.pageXOffset !== undefined,
      isCSS1Compat = (document.compatMode || '') === 'CSS1Compat'
    return supportPageOffset

lilpolymath

@for $i from 0 through 15 {
  .mt-#{$i} {
    margin-top: #{$i}rem !important;
  }

  .mb-#{$i} {
    margin-bottom: #{$i}rem !important;
  }

  .ml-#{$i} {

lilpolymath

// Chnage these as per your requirement
$columns: 1, 2, 3;

// these are just placeholders for reference, change the actual values in mixin: grid-gen 
// $breakpoints: "sm", "md", "lg", "xl";
// $breakpoint-sizes: 576px, 768px, 992px, 1200px;

// creates CSS grid template columns with $columns
@mixin mk-columns($breakpoint) {  
  @each $column in $columns {