Published in Geek Culture·PinnedMember-onlyA Simple Way to Build a Mobile Chat App With React Native Gifted Chat.Build the iOS and Android chat app with Firebase and React Native Gifted Chat — In this article, we are going to create a chat app in a simple way. We do not need to use many crazy stuff to create this chat page. It can display the time, the avatar, the messages. This app also include the signin , signout and register function. …IOS App Development11 min readIOS App Development11 min read
PinnedMember-onlyUdemy Free Node.JS, React.JS, Vue.JS courses (Limited Time)To get the latest Udemy coupon and news, subscribe our telegram channel https://t.me/ckmobi Subscribe Youtube: ckmobile JavaScript is very important now no matter you are working in backend or frontend. NodeJS, Angular, VueJS or React all…www.youtube.com Follow us: https://twitter.com/ckmobilejavasc1 React native Expo for multiplatform mobile app development Free Best Price Complete NodeJS course with express, socket…Udemy1 min readUdemy1 min read
Dec 7, 2022Member-onlyPython pdb module and breakpoint() for debuggingIn the old days, we used import pdb and pdb.set_trace() to debug For example, we create a file called ‘main.py’ and enter the following. import pdb def hello(): print('hello1') print('hello2') y = 2 z = 3 x=True pdb.set_trace() print(y+z) print(x+x) hello() pdb.set_trace() print(x+y) But now, we just need to…Python3 min readPython3 min read
Dec 1, 2022Member-onlyPython: unit testUnit test is to ensure that the code still functions as expected after making changes to the code and helps ensure code stability. First, we can create a file called area.py which contain a function to calculate the area of a quadrilateral. def calculate_quad_area(length, width): return length Then we…Python2 min readPython2 min read
Dec 1, 2022Member-onlyPython DecoratorsPython’s decorators are a highly strong and practical tool because they let programmers change the behavior of a function or class. Decorators enable us to wrap another function in order to modify its behavior temporarily while extending the behavior of the wrapped function. For example, now we have a…Python Decorators2 min readPython Decorators2 min read
Nov 30, 2022Member-onlyPython: code analysis with pylintTo use the pylint we need to install pylint at terminal. pip install pylint Then we can create a file, such as “main.py”. def add(a,b): return a+b print(add(1,3)) Go to the terminal and type “pylint main.py” ************* Module main copy main copy.py:5:0: C0305: Trailing newlines (trailing-newlines) main copy.py:1:0: C0114: Missing module…Pylint2 min readPylint2 min read
Nov 28, 2022Member-onlyPython: What is the meaning of if __ name __ == ‘__ Main__?__name__ is a built-in variable name which will be __main__, if the file is executed directly. If the file is a module being imported in another file, the __name__ will become the file name. Let’s create two file, file1.py and file2.py In file1.py print(f'my name is {__name__}') In file2.py …Python Special Variables2 min readPython Special Variables2 min read
Nov 28, 2022Member-onlyPython module and packagesHow to import modules from another folder — Import module at the same folder First, we create a folder , such as “learn_module”.Module2 min readModule2 min read
Published in JavaScript in Plain English·Oct 30, 2022Member-onlyHeadlessUI- Transitions Part 3- Co-ordinating multiple transitionsSometime there is a need to transition on different elements. One example is when the sidebar slide in, there will be a black overlay underneath appear. In this article, we are going to make a simple one to demonstrate it. First, go to the “components” folder and create Sidebar.js. …Transition3 min readTransition3 min read
Published in JavaScript in Plain English·Oct 29, 2022Member-onlyHeadlessUI- Transitions Part 2- showing and hiding contentThe <Transition> component rendered as <div> by default, but we can also render is as other elements by using as prop. We can go under the pages, create about.js. import React from 'react' const about = () => { return ( <div>about</div> ) } export default about At the…React2 min readReact2 min read
